Сайт-Визитка на максимум — Рекламное Агентство Creoworks

Сайт-визитка на максимум. Что это такое? Какие работы входят в состав? Подробно рассмотрим на примере этого самого сайта — creoworks.ru.

Сайт-Визитка на Максимум | Creoworks Digital Marketing Agency

Сайт-Визитка — Условия

У нашей компании не было сайта с 2010 года. Абсолютно все клиенты приходили исключительно по «сарафанному радио». Мы решили это исправить и создать себе сайт-визитку, который будет позиционировать нас в сети интернет. Для привлечения дополнительных клиентов и во избежание постоянных вопросов о нашей деятельности и портфолио. Компании-то, знаете ли, редко когда живут десятилетиями. А сайты в виде ссылок быстро становятся неактуальными: исчезают вместе с компаниями или претерпевают изменения, которые не всегда совершаются разработчиками.

Финансовых ограничений у нас не было, так как мы сами себе делаем сайт. А требования очень просты: сделать простой и лаконичный сайт-визитку, с дизайном в стиле минимализм, максимально качественно, но быстро. Использовать автоматические инструменты по возможности, но как можно меньше готовых решений и нагрузки на страницы.

Сайт-Визитка — Решение

Предварительные работы

Сперва мы добавили на наш хостинг TimeWeb (он у нас уже был) новый сайт. Доменное имя, которое все эти годы валялось в закромах, иногда терялось, снова восстанавливалось, было реабилитировано и привязано к сайту. На него был установлен SSL-сертификат для защищённого соединения. Мы бы с удовольствием взяли какой-нибудь дроп-домен из сферы web, благо (ли?) компаний и частников в одной только Московской области около 3000, но мы дорожим этим названием, поэтому выбирать не пришлось. Подготовка документов? Документы нам тоже никакие не были нужны, кроме документов на сайт (Политика конфиденциальности и обработка персональных данных). Так мы закрыли блок предварительных работ.

Семантическое ядро

Семантическое ядро по максимуму сделали в ускоренном темпе за 3 дня с минус-словами для контекстной рекламы. Изначально в качестве CMS был выбран WordPress для ускорения создания. Установили, сделали предварительную настройку и пошли работать дальше.

Дизайн

С брендом и неймингом вопросы отпадают благодаря домену. Поэтому дизайн в нашем случае начинается с Логотипа.

Логотип

По условиям, которые мы сами себе поставили, логотип должен быть минималистичным и простым, отражать суть и философию компании. Рекламное Агентство Creoworks ценит рационализм и математику для оптимизации продуктов, творчество и креатив для дизайна и маркетинга. Между этими разными сторонами медали всегда должна быть гармония. Поэтому вдохновение черпалось именно в этих сферах. Существуют некоторые математические постоянные и формулы, которые наблюдаются повсюду вокруг нас. Одно из таких уравнений — Множество Мандельброта. Его можно выразить формулой [ zn+1 = zn2 + c ].

Множество Мандельброта | Creoworks Digital Marketing Agency

Есть ещё один не менее известный фрактал — Бифуркационная Диаграмма. Её логистическое отображение Фейгенбаума выражается формулой [ xn+1 = rxn(1-xn) ], подобной предыдущей.

Бифуркационная Диаграмма | Creoworks Digital Marketing Agency

Множество Мандельброта включает Бифуркационную Диаграмму. Если разложить Множество Мандельброта в оси z Бифуркационной Диаграммой по параметру r, что по сути означает — показать на трёхмерном графике все значения z и c Множества Мандельброта, мы получим довольно красивую трёхмерную модель фрактала. Со стороны Бифуркационной Диаграммы она будет выглядеть так:

Множество Мандельброта и Бифуркационная Диаграмма | Creoworks Digital Marketing Agency

В качестве логотипа компании решено было взять основную кардиоиду Множества Мандельброта с данного вида. Почему именно основная кардиоида? Во-первых, она невероятно красивая. Во-вторых, дело в том, что для каждого значения c из основной кардиоиды, уравнение будет иметь одно единственное стабильное решение. Рекламное Агентство Creoworks придерживается версии, что для решения задачи, поставленной клиентом, можно найти единственное верное решение. Вычислить его, претворить в жизнь и пожинать плоды. Вместо того, чтобы распыляться на множество решений до полного хаоса бифуркаций, лучше иметь одно верное.

Логотип - Итог | Creoworks Digital Marketing Agency

Поэтому, если говорить коротко, то Логотип Рекламного Агентства Creoworks — это основная кардиоида Множества Мандельброта, разложенная в оси z Бифуркационной Диаграммой в логистическом отображении Фейгенбаума по параметру r, вид сбоку. Логотип построен на математических формулах, встречающихся повсюду во вселенной: как в далёком космосе, так и природе, жизни вокруг нас. Он отражает нашу возможность находить единственное верное решение, чувствовать баланс рациональной математики и творческого креатива, оставаясь в гармонии с окружающим миром.

Фирменные цвета

Фирменными цветами, помимо чёрно-белой гаммы, выбрали зелёный и гамму fff — bfb — 0a0 — 030 — 000.

Фирменные цвета - Гамма | Creoworks Digital Marketing Agency

Фирменный шрифт

Для создания интересного и уникального сочетания, в качестве шрифтовой пары, решено было использовать шрифты Comfortaa и Rubik. Тексты будет приятно читать на любом экране.

Сайт-Визитка Итоги Дизайна

Персонаж или Талисман нам пока не нужен, поэтому можно подводить итоги работ по Дизайну. У нас сформировалась философия компании, определяющая Логотип, Слоган и Фирменные цвета. К ним мы подобрали дополнительные цвета и шрифты со шрифтовой парой и создали брендбук. Брендбук — это закрытый документ компании, и публиковать его нельзя. Создание дизайна заняло около 14 дней, так как было решено работать в ускоренном темпе.

Контент

После создания структуры по семантическому ядру, её необходимо заполнить контентом. Сайт-визитка Creoworks содержит: главная страница, 8 страниц услуг, страница контакты, 2 страницы с лентами записей (работы и блог) и страница контакты. Для всех страниц пишутся тексты по определённым параметрам для сео и читателей. Помимо текстов, подбираются графические элементы страницы: изображения, видео или анимация. Вся эта работа была сделана менее, чем за 7 дней, включая по одной-две записи в каждую из рубрик. В дальнейшем планируется постоянно добавлять контент на сайт-визитку, превращая его в информационный портал.

Сайт-Визитка — Дизайн Шаблона

Основные работы по Дизайну были описаны выше. Сейчас же речь пойдёт о веб-дизайне, то есть в данном случае — о шаблоне дизайна для сайта-визитки. Свой шаблон мы создали на основе лицензионного платного шаблона Spacious Pro, чтобы не терять время на разработку шаблона с нуля. В плане кода этот шаблон далеко не идеален, но по дизайну в своём минимализме нам очень подходит, поэтому мы решили использовать его, а потом оптимизировать код. Вы должны понимать, что совершенствовать продукт можно до бесконечности. Вопрос состоит лишь в том, готовы ли вы тратить на это деньги и время. Для наших текущих целей такое решение вполне подходит. Возможно, позже мы усовершенствуем сайт, сделав его ещё более быстрым.

Создание сайта

Итак мы создали всё, что требуется для разработки сайта по нашему плану. Теперь можно объединить это в полноценный сайт-визитку. Работа здесь больше состоит из множественных настроек, ни одну из которых забывать нельзя. Времени занимает около 24 часов работы, если делать всё сразу как следует.

Настройка Безопасности

Сайт-Визитка уязвим, особенно, если он создан на популярной CMS, поэтому стоит побеспокоиться о безопасности сайта. Существует ряд мер, предпринимаемых для того, чтобы оградить сайт от взломов и вирусов. Даже если вы пользуетесь услугами хостинга, а не настраиваете веб-сервер самостоятельно, эта работа очень не помешает.

Seo-Оптимизация сайта

Для Seo-Оптимизации существует целый список работ. В данном кейсе эти работы были выполнены максимально ответственно и качественно. Каждая новая добавляемая страница или запись также оптимизируется с точки зрения сео. Для помощи в оптимизации сайта-визитки, разработанном на WordPress, можно использовать несколько плагинов. На этом конкретном сайте мы используем All in One SEO. Помогает неплохо, но и свою голову на плечах надо иметь, плагины видят далеко не всё. Работа заняла стандартные 7 дней. После seo-оптимизации сайта проводятся финальные настройки и тесты.

Seo-Оптимизация - Итог | Creoworks Digital Marketing Agency

Оптимизация Скорости Загрузки

Были выполнены работы по оптимизации скорости загрузки страниц. После этого сайт-визитка на мобильных устройствах стал летать, как истребитель на сверхзвуке. Сервис Google PageSpeed Insights показывает на главной странице сайта от 80 до 93 баллов для мобильных устройств и от 95 до 100 баллов для ПК. Другие сервисы (мы используем 4) для определения скорости загрузки, вероятных проблем и их решений, тоже очень довольны.

Оптимизация Скорости Загрузки - Итог | Creoworks Digital Marketing Agency

Сайт-Визитка — Итог

В итоге, для реализации кейса было потрачено 400 человеко-часов за месяц календарного времени. Стоимость такой работы начинается от 80 000 рублей, если не учитывать повышенную скорость работы, и требует привлечения нескольких специалистов из разных сфер деятельности.