Клиентка пришла с запросом создать сайт, у которого 2 основных задачи. Рассказать всю информацию про менторство и купить его. Основной поток клиентов был из инстаграма. Поэтому основной фокус на мобильной версии.
Мы созвонились и сразу набросали структуру сайта. Подробно обсудили проект и его задачи. Разобрали примеры, которые нравятся или не нравятся.
Был проделан анализ ЦА и конкурентов
Начало работы
Мы собрали контент для сайта (тексты, фото). Я сразу начала верстать на Тильде, т.к. уже четко видела структуру и дизайн этого сайта.
*Контент
Я сверстала 7 основных блоков: Знакомство, программа, тарифы, для кого тарифы, отзывы, форма, технический блок.
Это было легко, мы с заказчицей сразу поняли друг друга. Кроме одного блока, который занял основную часть времени всей работы.
Верстка
Я изучила кучу конкурентов, чтобы понять, как лучше преподнести блоки с тарифами. По структуре было решено не загромождать блок, а вынести только самое важное. Плюс, я сделала кликабельную надпись, чтобы без труда можно было перейти за более подробной информацией.
Так же хотелось уйти от дизайна в структуру и смысл. Поэтому никаких сложных дизайнерских элементов, а только подчеркивание общего стиля.
Самый большой вопрос: как оформить тарифы?
За основу взят дизайн программы курса. Космическая атрибутика и цвета активно используются в оформлении историй клиентки. И чтобы подчеркнуть личный бренд, мы решили сделать сайт в этом стиле. Поэтому я вырисовывала в Figma индивидуальные иконки на основе этого дизайна.
Но акцент был на структуре и смыслах, поэтому все дизайнерские тарифы и программы были скрыты. Чтобы не загромождать лишней информацией клиента.
Дизайн-концепция
Я сдала проект на проверку. После чего, мы еще раз все обдумали и решили добавить некоторые блоки. И немного подправить уже имеющиеся.
Промежуточный контроль
*Список новых блоков
После того, как я сверстала остальные блоки, началась работа над нюансами. Этот этап многие пропускают, но внимание к мелочам важно.
Я сделала иконки на ссылку, экран на ссылку, подключила формы, ссылки. Так же добавила юридические документы. И подключила оплату.
Нюансы
Итог
Все места на менторство были выкуплены еще до официальных продаж в инстаграме. Нам даже пришлось убрать места с первого ( минимального) тарифа, чтобы добавить их во второй и третий.