Структура задаёт логику, тексты объясняют продукт, дизайн собирает подачу, Tilda и код превращают всё в рабочий сайт
Собираем сайт как систему
Смыслы
1 / 11
Разбираем продукт, аудиторию, конкурентов и задачу сайта. Смотрим, что человеку нужно понять перед заявкой, покупкой или обращением.
Структура сайта
2/ 11
Определяем состав страниц и последовательность блоков. Собираем логику: что показываем сначала, что объясняем дальше и где подводим к действию.
Тексты
3/ 11
Формулируем предложение, объясняем детали и связываем блоки в последовательный рассказ. Пишем заголовки, описания, подписи, кнопки и тексты для разделов.
Визуальная концепция
4/ 11
Определяем визуальный язык проекта: как сайт должен выглядеть, с каким настроением работать и как показывать продукт.
Нейровизуал
5/ 11
Создаём изображения для сайта: продуктовые фотосессии, профессиональные фото эксперта, фото команды в одном стиле и визуал для карточек.
Дизайн страниц
6/ 11
Проектируем основные и дополнительные страницы. Делаем адаптивные версии для разных экранов, чтобы сайт сохранял логику, ритм и удобство на компьютере, планшете и телефоне.
Ручная верстка на Tilda
7/ 11
Собираем страницы на Tilda: переносим дизайн, настраиваем сетку, отступы, анимации и адаптацию.
Модификации кодом
8/ 11
Дорабатываем стандартные блоки Tilda и добавляем новые функции, чтобы выгодно показать продукт, удобнее оформить заказ и автоматизировать обработку заявки.
Подключение сервисов
9/ 11
Настраиваем приём заявок с форм, обработку заказов, службы доставки, платёжную систему и другие сервисы, которые нужны для работы сайта.
Базовое SEO
10/ 11
Готовим страницы к публикации: настраиваем заголовки, описания, alt-тексты, адреса страниц и базовые параметры для поисковых систем.
Финальная проверка
11/ 11
Проверяем сайт перед запуском: страницы, адаптивы, формы, ссылки, заказы и подключённые сервисы.
Добрый день, друг
Заполни мини-бриф
Карьерные стратегии
Лендинг для карьерного консультанта
Было сделано:
определение аудитории, структура, фирменный стиль, веб-дизайн, верстка на Tilda, код, базовое SEO, айдентика
VEXORUS
Интернет-магазин сантехники на Tilda
Было сделано:
структура, тексты, фирменный стиль, веб-дизайн, верстка на Tilda, код, нейрофотосессии товаров, базовое SEO
Курс для фрилансеров
Лендинг, 23 страницы уроков и личный кабинет курса на TIlda
Было сделано:
веб-дизайн, верстка на Tilda, настройка личного кабинета, базовое SEO
Plate 404
Интернет-магазин керамики на Tilda
Было сделано:
структура, тексты, фирменный стиль, веб-дизайн, верстка на Tilda, код, нейрофотосессии товаров, базовое SEO
Алгоритм
дизайн Многостраничного сайта образовательного центра для школьников
Было сделано:
структура, тексты, фирменный стиль, веб-дизайн, подготовка к верстке, иллюстрации
Семейные ценности
Интернет-магазин домашнего текстиля на Tilda
Было сделано:
структура, тексты, фирменный стиль, веб-дизайн, верстка на Tilda, код, нейрофотосессии товаров, базовое SEO