Motivation

Сайт для анонса приложения, которое совмещает реальный и виртуальный мир.

Задача

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

В реальном – совершаешь привычные действия. В виртуальном – получаешь вознаграждение.

Ключевое действие – оставить заявку для попадания в лист ожидания на скачивание.

Сроки выполнения

От первого созвона до итоговой реализации прошло чуть больше месяца.

Учитывая большой объем сложной анимации – это очень хороший результат.

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

Сложности проекта

Вся анимация реализована через step by step в Тильде (т.е. настроена вручную).

Было трудно подгонять блоки, учитывая autoscale, сейчас я уже даже не вспомню, как работают некоторые из них)

Этапы работы

Ниже приведен самый частый путь работы над проектом.

Знакомство

1 шаг

Мы созвонимся с вами, классно пообщаемся и познакомимся.

Предложение

2 шаг

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

1 час

1-2 дня

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

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

Укажу стоимость и сроки работы.

Договор

3 шаг

Составлю договор со всеми закрепленными условиями работы и точным ТЗ.

1 день

После подписания сделаем первую часть оплаты.

Прототип

4 шаг

Составим схематичную структуру сайта для утверждения порядка блоков и страниц

3 дня

Прототип также упростит подготовку контента.

Подготовка контента

5 шаг

Напишем текст и соберем все нужные материалы для наполнения сайта.

5 дней

Текст может быть предоставлен с вашей стороны, а можем подключить копирайтера.

Концепция дизайна

6 шаг

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

3 дня

Это поможет нам выбрать стилистику сайта и утвердить ее на первых этапах отрисовки.

Отрисовка дизайна

7 шаг

Отрисую страницы/блоки сайта в Figma на основе утвержденной концепции и стилистики.

5 дней

Некоторые блоки имеют стандартный вид в Tilda, поэтому не требуют отрисовки и переносятся на следующий этап верстки.

Верстка на на Tilda

8 шаг

Сверстаю согласованный дизайн в Tildа, настрою анимацию и навигацию.

10 дней

Также сделаю адаптив сайта под все типы мобильных устройств.

Технические настройки

9 шаг

Подключу домен, настрою базовое SEO, сделаем тестовые заявки и запустим сайт.

2 дня

После запуска – 2 недели поддержки для отлаживания всех процессов.

Обо мне

Краткая сводка про профессиональный опыт и немного о жизни

Дизайн

Уже 4 года занимаюсь дизайном, из них 3 года специализируюсь на сайтах.

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

Краткая сводка

Люблю дурковать, веселиться и общаться. А еще спокойствие, тишину и одиночество.

Иногда дотошный и душный. Иногда вообще все равно (короче дева стандартной сборки)

Копирайтер в команде

К любому проекту я могу подключить Станислава – он поможет с текстом для сайта.

Не только текст

Важно уточнить, что помимо самого текста мы со Стасом погрузимся и в логику сайта.

Процесс

1 шаг

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

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

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

Первая и важная часть – сбор всей необходимой информации по проекту.

печатает|

2 шаг

Составим структуру сайта и его прототип.

3 шаг

Напишем текст, который идеально ляжет на подготовленную структуру.

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

Также запросим у вас все данные, которые уже есть – документы, презентации, ваши наброски, ТЗ и т.д.

Разобьем все на смысловые блоки, выделим самое важное и отбросим ненужное

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