Adaptive design

Adaptive design

Study case

Study case

📖 Разработала стилизацию лендинга для бестселлера

📖 Разработала стилизацию лендинга для бестселлера

📖 Разработала стилизацию лендинга для бестселлера

Лендинг книги Максима Ильяхова для вовлечения и конверсии читателей

Лендинг книги Максима Ильяхова для вовлечения и конверсии читателей

Лендинг книги Максима Ильяхова для вовлечения и конверсии читателей

О проекте

О проекте

Моя роль

Моя роль

UX/UI Дизайнер

UX/UI Дизайнер

Таймфрейм

Таймфрейм

1 неделя

1 неделя

Инструменты

Инструменты

Figma, Tilda

Figma, Tilda

Ситуация

Ситуация

Учебный проект по дизайну лендинга для продвижения книги Максима Ильяхова «Текст по полочкам». Основная цель: представить ценность книги, её структуру и примеры, создать удобный и адаптивный пользовательский опыт.

Учебный проект по дизайну лендинга для продвижения книги Максима Ильяхова «Текст по полочкам». Основная цель: представить ценность книги, её структуру и примеры, создать удобный и адаптивный пользовательский опыт.

Учебный проект по дизайну лендинга для продвижения книги Максима Ильяхова «Текст по полочкам». Основная цель: представить ценность книги, её структуру и примеры, создать удобный и адаптивный пользовательский опыт.

Учебный проект по дизайну лендинга для продвижения книги Максима Ильяхова «Текст по полочкам». Основная цель: представить ценность книги, её структуру и примеры, создать удобный и адаптивный пользовательский опыт.

Задача

Задача

Разработать адаптивный лендинг. Проработать интересную стилизацию с фокусом на содержании книги. Финальный результат реализовать на платформе Tilda.

Разработать адаптивный лендинг. Проработать интересную стилизацию с фокусом на содержании книги. Финальный результат реализовать на платформе Tilda.

Разработать адаптивный лендинг. Проработать интересную стилизацию с фокусом на содержании книги. Финальный результат реализовать на платформе Tilda.

Действия

Действия

  1. Прототипирование. Проработала структуру страницы, разделила контент на логические блоки. Продумала расположение ключевых акцентов: ценностные предложения, примеры текста и идеи автора.

  1. Прототипирование. Проработала структуру страницы, разделила контент на логические блоки. Продумала расположение ключевых акцентов: ценностные предложения, примеры текста и идеи автора.

  1. Прототипирование. Проработала структуру страницы, разделила контент на логические блоки. Продумала расположение ключевых акцентов: ценностные предложения, примеры текста и идеи автора.

  1. Дизайн. Создала макет для десктопа с акцентом на текст. Использовала контрастные цвета, чёткую типографику и минимальное количество графики. Расставила акценты с помощью цвета и ритма.

  1. Дизайн. Создала макет для десктопа с акцентом на текст. Использовала контрастные цвета, чёткую типографику и минимальное количество графики. Расставила акценты с помощью цвета и ритма.

  1. Дизайн. Создала макет для десктопа с акцентом на текст. Использовала контрастные цвета, чёткую типографику и минимальное количество графики. Расставила акценты с помощью цвета и ритма.

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

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

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

  1. Разработка. Перенесла лендинг в Tilda, используя Zero Block для гибкой настройки адаптива и взаимодействий.

  1. Разработка. Перенесла лендинг в Tilda, используя Zero Block для гибкой настройки адаптива и взаимодействий.

  1. Разработка. Перенесла лендинг в Tilda, используя Zero Block для гибкой настройки адаптива и взаимодействий.

Результат

Результат

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

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

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

Create a free website with Framer, the website builder loved by startups, designers and agencies.