# Корпоративные сайты

Корпоративный сайт для маркетингового digital-агентства

с анимированным дизайном

Маркетинговое digital-агентство

Услуги

UX/UI Дизайн, Разработка

Срок реализации

2 месяца

Год запуска

2024 г.

✍️ Этапы работы

🎨 Цвета и типографика

Клиент пришел с четким пониманием будущего цветового решения, а также заранее выбрал шрифт.

Поэтому первая же дизайн концепция, которую мы показали клиенту была утверждена.

👨‍💻 Карта сайта

Начали, традиционно, со структуры будущего сайта. На встрече с клиентом создали структуру, которая и легла в основу разработки всего проекта.

По этой же структуре определили список макетов к отрисовке.

Важно отметить, что многие элементы структуры были предложены на основе большого исследования, проведенного нашим агентством Web Do в 2022 году.

Было изучено около 30 сайтов ТОПовых агентств из которого мы получили список разделов для сайта digital-агентства.

👇 Сетка сайта

Для десктопной версии сайта использована сетка с 12 колонками.
Ширина макета для компьютерной версии 1440 px.
Ширина макета для мобильной версии 375 px

🎯 Целевые действия, которые мы определили

💡 UI-Kit

😎 Главная страница

👉 Внутренние страницы

Страница услуги /

Для каждой из услуг создали отдельную посадочную страницу с:

• Названием услуги + коллаж.

• Коллаж по аналогии с главной страницей, но здесь уже показываются специалисты именно той услуги, которую они оказывают в агентстве

• Описанием услуги

• Процессом работы

• Кейсами. Кейсы подбираются под конкретную услугу

• Целевыми действиями на просчет и т.п.

Страница кейса /

Внутри каждого кейса создали удобную структуру, чтобы клиент сам мог добавлять кейсы в будущем

Страница “Спасибо” /

Конечно, мы не забыли и про страницу Спасибо, куда пользователь попадает сразу после того, как оставляет заявку.

Здесь самое время предложить пользователю подписаться на Telegram канал, ведь он уже заочно доверяет агентству, а если еще и увидит «внутреннюю кухню» в канале, то прогреется еще лучше.

Форма обратной связи /

Кейсы /

Безусловно, один из самых важных разделов при выборе подрядчика для заказчика. Этому разделу уделили особое внимание с точки зрения визуала и удобного UX. Поэтому все кейсы мы разделили на типы услуг, чтобы было удобно выбрать интересующий тип услуги и посмотреть кейсы именно по нему.

О компании /

Блог /

Статья /

Контакты /

📲 Мобильная версия

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

На смартфоне не так удобно считывать информацию, поэтому все целевые действия и способы связи мы расположили в нижнем таббаре по аналогии с приложениями. Там всегда видны кнопки:

• Меню, которое открывает сайдбар с навигацией

• Кнопка расчета — квиз

• Кнопка связаться, которая показывает все способы связи

🤩 Результаты работы

Итог работы — инструмент для привлечения клиентов, демонстрации результатов работы. Получился интересный, яркий продукт с быстрой скоростью работы и различными каналами связи. После запуска клиент активно развивает сайт.

Вы можете посмотреть готовый результат по ссылке ниже:
https://capsulapro.ru/

Еще проектов?

Корпоративные сайты, Строительство

Корпоративный сайт для национального строительного агентства

Сайты-каталоги, Туризм

Сайт-каталог для турагентства авторских туров

Интернет-магазины, Развлечения

Интернет-магазин для маркетплейса игр для ведущих