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

У заказчика не было опыта работы с командами разработки, поэтому на этапе инициации проекта мы выделили для себя две ключевые задачи:

Провести первые встречи так, чтобы заказчик органично погрузился в процессы сбора требований и первоначальных брифов.

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

Решение

Команда проекта состояла из трёх человек:

Дизайнер

Проектный-менеджер

Инженер-тестировщик

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

Мудборд и дизайн-концепт

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

Особенности дизайн-концепта:

Чёткость, острые углы

Акцентная типографика

Смелая композиция

Мудборд проекта

После согласования мудборда мы приступили к разработке дизайн-концепта. Сетка сайта была продумана на этапе концепции и осталась неизменной.

Особое внимание уделили первому экрану: клиент захотел видеофон, а это значит, что текст должен читаться идеально и не мешать просмотру.

Ниже находятся рабочие "лумы", которые мы презентовали заказчику.

Смотерть видео →

Структура сайта и прототипы

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

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

Прототипы страниц сайта

Дизайн страниц

Дизайн страниц сайта

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

Каждая стадия сопровождалась детальным видеоотчетом для заказчика (их было много, поэтому покажем некоторые из них):

Сборка сайта на Tilda

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

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

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

Написание гайдлайна

Одним из ключевых требований заказчика было самостоятельное управление сайтом.

Для этого мы подготовили подробную инструкцию, которая включала:

Добавление нового проекта и его публикацию

Работу с отзывами и партнёрами

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

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

Результат

Создан современный и минималистичный сайт, который подчеркивает профессионализм ES-buro.

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

Проект получил положительные отзывы от клиентов компании и стал частью их успешного позиционирования на рынке.

Рады были посотрудничать с компанией Айтипелаг. Ребята продемонстрировали очень крутой и понятный подход к разработке.

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

Ангелина Эсаулова, руководитель студии