Многостраничный сайт

для креативного агентства

«Strategy»

Многостраничный сайт

Сайт под ключ

Tilda

Посмотрите проект

Ко мне обратились основатели креативного агентства, которое работает с блогерами и инфлюенсерами. Задача — разработать функциональный многостраничный сайт с внутренними страницами для кейсов с целью систематизации портфолио и дальнейшего продвижения через РСЯ.

Задача

Клиент

Агентство «Strategy»

Проект

Многостраничный сайт

Год

2023

Что было сделано

Исследование ЦА и конкурентов, сбор семантического ядра

Написание продающих текстов с упором на маркетинг

Создание прототипа

Создание мудборда с ассоциативным рядом и референсами

Создание дизайн-макета десктопной версии

Создание дизайн-макета 4 адаптивных версий

Адаптивная верстка на Тильде со сложной анимацией

Базовое SEO и технические настройки

Вводные

Ранее продвижение основывалось в основном на сарафанном радио, а кейсы при запросе клиентов отправлялись тестовыми сообщениями. Поэтому основатели решили — пора делать сайт.

Начало работ

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

/01

Также были выявлены конечные выгоды и потребности клиентов агентства — увеличение продаж, повышение узнаваемости, чувство причастности и собственной нужности.

Аналитика

Начала работу с анализа ЦА и конкурентов. Нашла фишки, которые можно применить и адаптировать в проекте.

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

/02

тексты & Прототип

После сбора всей информации и аналитической работы приступила к написанию продающих текстов. Структуру сайта построила по следующей схеме:

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

Во втором блоке задела потребности ЦА, чтобы они узнали в них себя

Далее рассказала об опыте компании в четких цифрах + подсветила ключевые преимущества по сравнению с конкурентами

Показала, за счет чего клиенты могут достичь желаемых результатов, при помощи блока с услугами

Сделала блок с кейсами для демонстрации экспертности агентства

Замкнула повествование призывом к действию

/03

Основные цвета сайта были взяты из логотипа: неоново-зеленый, черный, белый и благородный серый. Предложила рубленый шрифт с четкими геометрическими очертаниями и вытянутыми вверх буквами «Oswald». Он динамичный и выразительный, что позволяет передать нужное нам настроение.

мудборд

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

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

/04

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

Дизайн

После видео-презентации мудборда выяснилось, что заказчики не хотят использовать 3D-объекты на сайте, и мы решили уйти в рисованный стиль с легким отголоском времен 2000-х: двойные кнопки и плашки, контурные элементы, стрелки, линии.

/04

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

Дизайн

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

/05

Настроила базовое SEO для оптимизации сайта в поисковой выдаче и подключила CRM-систему к формам приема данных.

Верстка и функционал

После приступила к верстке сайта на платформе Тильда. Сложность проекта — в SBS-анимации. Она необходима, чтобы порционно выдавать информацию и тем самым создать особый акцент на наиболее значимых смыслах, которые хотим донести до пользователей.

Сделала удобные 4 адаптивные версии: 2 под планшеты и 2 под мобильные устройства, для удобства пользователей и приведения их к целевому действию.

/06

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

Завершение

Разработка заняла около 1 месяца. Клиенты остались довольны сотрудничеством и в дальнейшем заказали у меня еще несколько сайтов.

strategy-agency.ru

Ссылка на проект

Сайт находится сейчас под полным управлением заказчика и может отличаться от изначального макета и функционала*

Результат

Систематизирует информацию о кейсах агентства и делает его более презентабельным в глазах потенциальных клиентов

Помогает отстроиться от конкурентов за счет создания эффектного онлайн-имиджа

Полностью готов для приема трафика из Рекламной сети Яндекс и других источников

Вызывает доверие и уважение, повышает лояльность текущих и потенциальных клиентов

Закрывает потенциальных клиентов на следующий шаг в воронке продаж, на оставление заявки для бесплатной консультации

По итогу клиент получил сайт, который:

Эффективно доносит ценность услуг