Задачи и концепция

Разработка сайта для уникального проекта «Fairy Books». Компания создает именные детские книги, каждая из которых изготавливается по индивидуальному заказу, получается яркой, дарит невероятные эмоции детям и родителям.
Задача

Изучить ЦА, разработать дизайн и понятную структуру сайта. Нам было важно показать ту радость, которую книга дарит малышам и родителям. Предстояло создать сказочный дизайн и сделать пространство легким и безопасным.

Решение

Задача была интересная. Нам удалось выдержать гармонию и сохранить простоту в навигации по страницам. Большое внимание уделили структуре сайта и наполнению карточек товара. Итоговый внешний вид – это результат тщательной проработки расположения элементов. Используя в оформлении простые формы и нежные цвета, мы получили «воздушный» ресурс, где нет ничего лишнего.

Этапы
  • UX-дизайн
  • Проектирование и дизайн
  • Разработка конфигуратора
  • Desktop- & Mobile-версии
  • Работа с контентом
  • Тестирование и релиз

Дизайн

Не ограничивали себя однотонной гаммой, сделали нежный и запоминающийся дизайн, приятный пользователям. За основу цветового решения выбрали спокойный фиолетовый цвет, добавили теплый оранжевый там, где необходимо сфокусировать внимание пользователя.

Чтобы поддержать детскую тематику в дизайне сайта, мы использовали простые изображения, которые похожи на детские рисунки. Подобное решение придает дружелюбную атмосферу и задает тон сайту.

17 уникальных блоков
35 состояний и поп-апов
3 размера экрана
Дизайн страниц FairyBooks

Типографика и цветовая схема

Futura Round
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #ac90c0
  • #ff9600
  • #f48eb9
  • #886e9b
  • #fff6ea

Оригинальный подарок на день рождения

На странице пользователю предлагают самому сделать уникальный подарок. Можно выбрать имя, цвет глаз и волос. В зависимости от установленных параметров подгружаются разные версии книжек. Минимум усилий и книга готова!

Чтобы эффектно показать услугу, использовали плагин turn.js – это придает имитацию перелистывания страниц. Разработали самописную корзину с добавлением различных книг и объединением данных.

Внутренние страницы

На внутренних страницах разместили главную информацию, которая понадобится пользователям: контакты, доставка, ответы на популярные вопросы и др. Они также размещены в главном меню – компактно и удобно.

Страницы каталога

Чтобы сделать карточку товара максимально удобной для пользователей, мы структурировали информацию и проработали 6 различных категорий товаров. Помимо фото, характеристик и цен, вывели данные о размерах, количестве страниц, добавили видеообзоры.

Создали все условия для того, чтобы пользователь совершил целевое действие.

Mobile версия

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

Адаптивная версия полностью соответствует версии для ПК. Вся информация сохранилась в полном виде без сокращений.

Планшет

Особенности планшет-версии позволяют сайту отображаться на экранах без изменений.

Прототипы

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

Компьютер

Прототипы страниц проекта FairyBooks
Прототипы страниц проекта FairyBooks

Планшет

Прототипы страниц проекта FairyBooks
Прототипы страниц проекта FairyBooks
Прототипы страниц проекта FairyBooks

Мобильная версия

Прототипы страниц проекта FairyBooks
Прототипы страниц проекта FairyBooks
Прототипы страниц проекта FairyBooks
Прототипы страниц проекта FairyBooks

Нужна сильная команда?

Выберите интересующую вас услугу

Следующий проект

Смотреть проект
Iveco New Daily