Разработка 
Дизайн 
Реклама 
Внедрение CRM 
🎨 Цвета и типографика
Клиент пришел с четким пониманием будущего цветового решения, а также заранее выбрал шрифт.
Поэтому первая же дизайн концепция, которую мы показали клиенту была утверждена.
# Корпоративные сайты
Привлечение новых клиентов
Привлечение партнеров
Размещение в рейтингах
Размещение кейсов на сайте
✍️ Этапы работы
🎨 Цвета и типографика
Клиент пришел с четким пониманием будущего цветового решения, а также заранее выбрал шрифт.
Поэтому первая же дизайн концепция, которую мы показали клиенту была утверждена.
👨💻 Карта сайта
Начали, традиционно, со структуры будущего сайта. На встрече с клиентом создали структуру, которая и легла в основу разработки всего проекта.
По этой же структуре определили список макетов к отрисовке.
Важно отметить, что многие элементы структуры были предложены на основе большого исследования, проведенного нашим агентством Web Do в 2022 году.
Было изучено около 30 сайтов ТОПовых агентств из которого мы получили список разделов для сайта digital-агентства.
👇 Сетка сайта
Для десктопной версии сайта использована сетка с 12 колонками.
Ширина макета для компьютерной версии 1440 px.
Ширина макета для мобильной версии 375 px
🎯 Целевые действия, которые мы определили
💡 UI-Kit
😎 Главная страница
👉 Внутренние страницы
Страница услуги /
Для каждой из услуг создали отдельную посадочную страницу с:
• Названием услуги + коллаж.
• Коллаж по аналогии с главной страницей, но здесь уже показываются специалисты именно той услуги, которую они оказывают в агентстве
• Описанием услуги
• Процессом работы
• Кейсами. Кейсы подбираются под конкретную услугу
• Целевыми действиями на просчет и т.п.
Страница кейса /
Внутри каждого кейса создали удобную структуру, чтобы клиент сам мог добавлять кейсы в будущем
Страница “Спасибо” /
Конечно, мы не забыли и про страницу Спасибо, куда пользователь попадает сразу после того, как оставляет заявку.
Здесь самое время предложить пользователю подписаться на Telegram канал, ведь он уже заочно доверяет агентству, а если еще и увидит «внутреннюю кухню» в канале, то прогреется еще лучше.
Форма обратной связи /
Кейсы /
Безусловно, один из самых важных разделов при выборе подрядчика для заказчика. Этому разделу уделили особое внимание с точки зрения визуала и удобного UX. Поэтому все кейсы мы разделили на типы услуг, чтобы было удобно выбрать интересующий тип услуги и посмотреть кейсы именно по нему.
О компании /
Блог /
Статья /
Контакты /
📲 Мобильная версия
Отдельное внимание заслуживает мобильная версия. Хоть в нашей нише и не такая большая доля пользователей просматривающих сайты с телефона чем, например, в фудтех, но тем не менее процент большой, поэтому удобству в мобилках мы уделяем много внимания на всех проектах и этот не исключение.
На смартфоне не так удобно считывать информацию, поэтому все целевые действия и способы связи мы расположили в нижнем таббаре по аналогии с приложениями. Там всегда видны кнопки:
• Меню, которое открывает сайдбар с навигацией
• Кнопка расчета — квиз
• Кнопка связаться, которая показывает все способы связи
🤩 Результаты работы
Итог работы — инструмент для привлечения клиентов, демонстрации результатов работы. Получился интересный, яркий продукт с быстрой скоростью работы и различными каналами связи. После запуска клиент активно развивает сайт.
Вы можете посмотреть готовый результат по ссылке ниже:
https://capsulapro.ru/
Простой интерактив
