Анализ сайта заказчика
первый этап | 1 день
Провели аудит действующего сайта клиента.
Аналитика
Второй этап | 2 дня
Любой проект начинаем с аналитики. Без понимания ниши, рынка и его игроков сайт, конечно, может получиться красивым, но не продающим.
Изучили
• Все материалы, которые нам предоставил заказчик.
• Информацию от потенциальных клиентов — на форумах, в соц.сетях, на отзовиках, в тематических сообществах, у блогеров. И даже соседа допросили, который пользуется подобными сервисами, а почему бы и нет.
• Сайты конкурентов.
Выявили
Следующие конкурентные преимущества сервиса клиента:
• Быстрая адаптивность.
• Точность данных.
• Удобство настройки рекламы.
Отметили несколько значимых деталей и фишек,
которые применили в проекте.
Текстовый прототип
Третий этап | 3 дня
Выстроили структуру
Это важно — подавать информацию в нужной последовательности. Так мы увеличиваем вероятность того, что читатель заинтересуется, прочитает до конца или не прочитает, но всё самое важное всё равно увидит. А соответственно совершит целевое действие.
Написали текст
По структуре пишем читабельный, логичный с точки зрения маркетинга текст, с расстановкой акцентов на ключевых преимуществах сервиса заказчика.
Дизайн-концепция
четвертый этап | 3 дня
Наконец, дошли до картинок. Но начинаем этот этап также с аналитики. Проводит её уже дизайнер на предмет продающего визуала. Основываясь на полученных данных, мы выбрали 2 направления в работе над концептами.
Дизайн-концепт 1.0
Первый вариант задумали как строгий, светлый и минималистичный, близкий по стилистике сайту заказчика.
Дизайн-концепт 2.0
Второй — яркий, с использованием ассоциативных образов с людьми. Попытались уйти от типичных сайтов маркетплейсов.
Планёрка
Обсуждения
Нам хотелось создать современный, светлый, но в тоже время яркий, не перегруженный лендинг. Мы искали этот баланс в светло-ярком и строгом вариантах.
В результате обсуждения приняли решение
• В первом варианте отказаться от графики в виде интерфейсных элементов-переключателей. Они создавали иллюзию, что можно что-то попереключать, вместо них решили добавить цветовых акцентов.
• Второй вариант доработать по цветам, чтобы уйти от ассоциации с ОЗОН.
• А также сделать третий вариант в более строгой стилистике.
Разработка логотипа
пятый этап | 3 дня
Стиль новый - логотип старый. Надо это срочно исправлять, так как имеющийся вариант совсем не вписывался в новую концепцию. Предложили заказчику 4 варианта обновления логотипа.
Продолжение дизайна страницы
шестой этап | 3 дня
Отрисовали дизайн остальных блоков страницы, сделав акцент на важную информацию для целевой аудитории, тем самым улучшив продающие способности сайта. Продумали пользовательское взаимодействие, интерактивные элементы и анимацию.
Расскажем о каждом блоке отдельно
Адаптивы
седьмой этап | 1 день
Адаптировали дизайн страницы под мобильные устройства.
Вёрстка. Оптимизация
Восьмой этап | 2 дня
Сверстали сайт. Оптимизировали скорость загрузки страницы.
Тестирование. Проверка. Передача
Заключительный этап | 1 день
Тестирование сайта
Протестировали работу сайта на исправность. Проверили отображение в нескольких браузерах, и на мобильных устройствах Andriod и IOS.
Проверка дизайна
Проверили итоговую верстку на наличие визуальных ошибок, сравнив десктопную и мобильную версии сайта с дизайн-макетами.
Проверка текста
Вычитали текст на сайте, проверили на орфографические и пунктуационные ошибки.
Внесли корректировки чтобы сделать текст более продающим.
Сдача проекта
Внесли финальные правки и завершили разработку сайта. Готовый проект, а также логотип в светлой и темной версии с исходниками передали заказчику.
