Бриф
На встрече с клиентом заполнили бриф, я выяснила предпочтения и ожидания по проекту. Составила техническое задание, где были прописаны основные моменты по дизайну, а также обозначены сроки и порядок оплаты. После его согласования заключили договор об оказании услуг.
Конкурентный анализ
Я провела конкурентный анализ, сравнила сайты с похожей тематикой. Это помогло подготовить структуру и сделать выводы для дальнейшей работы.
Функциональный прототип
Чтобы понять структуру сайта и его логику, я разработала функциональный прототип для лендинга. Схематически изобразила блоки на сайте, основываясь на этом прототипе, и добавила текст.
Поиск референсов
Подобрала порядка 20–25 рефов. При поиске акцент делала на лёгкий эстетичный дизайн и нестандартную композицию. Это помогло найти визуальный стиль, сочетающий удобность и уникальность одновременно.
Визуальная концепция
Сделав визуальный анализ референсов, я приступила к визуализации. Сайт спроектирован в стиле минимализм, с упором на центральную направляющую.
Адаптивные версии
Созданы адаптивные версии для всех популярных устройств: ноутбуков, планшетов, мобильных телефонов и широкоформатных экранов. Это улучшает доступность сайта и способствует конверсии и удержанию пользователей.
UI Kit
Организовала дизайн-систему. В UI Kit собрала стили шрифтов, цветов, кнопки, ссылки, компоненты, UI-элементы и их состояния.
Вёрстка на Tilda с использованием Zero Block и кода
Поблочно подготовила сайт для экспорта в Tilda. Каждый смысловой блок разбила на отдельные фреймы. Использовала Zero Block для сложных элементов, добавила ссылки, подготовила адаптивы и проверила запуск с устройств разного разрешения.
Сложности
Это был один из первых проектов, где я самостоятельно вела весь процесс работы с клиентом — от первой встречи до сдачи работы. Пришлось учиться формулировать стоимость своих услуг, договариваться об условиях и сроках, а также аргументированно объяснять и отстаивать дизайн-решения при правках.
Что вынесла
Этот проект научил меня выстраивать процесс работы с клиентом самостоятельно — от брифа и договора до финальной сдачи. Я стала увереннее в переговорах о цене и сроках, научилась спокойно работать с правками и аргументированно защищать свои решения.
Итоги
Реализовала проект полного цикла самостоятельно: бриф, конкурентный анализ, структура, дизайн, вёрстка на Tilda и базовая SEO-настройка (мета-теги, заголовки, семантическая структура). Клиент доволен результатом, сайт активно используется по сей день.
