Разработка дизайна сайта для digital-студии

Задача
Решение
Результат
Бизнес-эффект
Соавторы
Презентация проекта
Примеры реализации
Другие работы автора

Задача

Моя веб-студия работает с 2013 года, и сайт поменял уже четвертый дизайн. То что было до 2023 года - это были слезы, горечь и низкая конверсия, ведь моим партнером был как раз дизайнер, который всё и создавал. Из-за низкой конверсии приходилось привлекать лиды из других источников.

Текущий дизайн я создавал и разрабатывал 1.5 года в перерыве между заказами. Хотелось сделать сразу круто и продуманно, без переделок в будущем.

Что нужно было реализовать сразу, помимо основных страниц и функций:

• Анимации по всем страницам. Это включает как css-движения, так и svg-анимацию при помощи lottie. Для каждой основной страницы нужно было придумать такой эффект, который будет виден сразу на 1 экране и запомнится пользователю. Это также влияет и на конверсию сайта.
• Наполнить сайт кейсами и второстепенными страницами. У меня было портфолио, размещенной на сайтах vc, zen и т.д., которые нужно было перенести на сайт до его запуска, чтобы сайт не выглядел пусто.
• Внедрить функционал мультирегиональности. Мысль такая: создать под каждый город РФ, СНГ, Европы свою версию страниц, и тогда при поисковых запросах из этих городов будет выходить мой сайт. Сейчас созданы версии сайта для 16 городов и мой план успешно приносит лиды со всего мира :)
• Выполнить SEO оптимизацию сайта. Более 50% лидов приходит из сайта, и важно чтобы поисковики проиндексировали страницы сразу с нужным контентом и мета-данными, ведь в дальнейшем они могут очень долго переиндексировать страницы.
• Перенести статьи со старого сайта на новый.

Результат

На этапе проектирования дизайна были просмотрены сотни сайтов digital-агентств, сотни кейсов и просто дизайна на Behance. В итоге был выбран очень оригинальный (на мой взгляд) стиль, который будет существенно отличать мой сайт от всех остальных.

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

Осталась техническая и наиболее сложная часть. Верстку я делал сразу на cms, без разделения этих работ. Так получилось быстрее раза в полтора. В итоге все текста и медиа информация редактируются через админку "движка". В код залазить не нужно вообще.

Что получилось в итоге? Именно то, что я и хотел: стильно, модно, функционально! А как вам?

Бизнес-эффект

Сразу после запуска сайта он был отправлен на индексацию, а уже на следующей неделе в Метрике были видны заметные посещения по коммерческим запросам, по которым ранее даже "видимости" не было.

Еще одной радостью является то, что реализовался задуманный план по привлечению посещаемости из крупных городов разных регионов. По сути, я в одиночку делаю охваты со всего мира, а охваты конвертируются в сделки. Да, это пока только русскоязычные заказчики, но у меня уже большие планы :)