Разработка лендинга для Gulliver Wear
О проекте
Компания Gulliver – федеральная сеть магазинов детской одежды. За время сотрудничества с 2016 года реализован ряд проектов, большая часть разработана с нуля и поддерживается по сегодняшний день. Среди них – мультиязычный онлайн-магазин игрушек Gulliver Toys, подробнее о котором можно почитать тут: https://vis.center/~0f7qN
Очередная задача была сверстать лендинг https://www.gulliver.ru/ss21gulliver, дизайн и контент для которого были предоставлены заказчиком. Проект представляет собой подборку коллекций детской одежды с кратким анонсом, фотогалереей и возможностью просмотреть полную информацию.
![1.png 1.png](/upload/medialibrary/b7b/9d0xw78kr441vvv138tno7uuhlzf09wr.png)
![2.png 2.png](/upload/medialibrary/136/95zysy0asa3mqqosgi639bjrhsiayp6u.png)
Задачи и решения
Важно было создать простую и удобную навигацию, которая позволит пользователю быстро найти нужную коллекцию и перейти к покупке. Для этого страница разделена на блоки, где указаны возраст, рост и пол ребёнка, что помогает легко ориентироваться на ней.
Закрепленное верхнее меню переносит пользователя в нужный раздел.
![4.png 4.png](/upload/medialibrary/326/11jtc36t1zcnulo2qvnlv4p2z2fm3ab6.png)
Разработана всплывающая форма, в которой предлагается получить промокод на заказ.
![5.png 5.png](/upload/medialibrary/023/ap0urct60nyobbhcx5viebf78yk52nlb.png)
Краткий анонс и слайдеры с фотографиями дают представление о стиле одежды из каждой подборки, а кнопки «Читать полностью» и «Вся коллекция» ведут на страницы с развернутой информацией. Пользователь получает только самое необходимое, чтобы принять решение.
![6.png 6.png](/upload/medialibrary/75d/wilu4yd6p0ad4qy7rgjy1z1afccajytz.png)
Так как многие пользователи совершают покупки с мобильных устройств, проект был адаптирован под разные типы экранов и браузеров. Его легкая для восприятия структура и удобная навигация позволяют сосредоточиться на главном и подойти к покупке максимально простым путем.
![7.png 7.png](/upload/medialibrary/99a/ox93uksbjlmsja0o4jx1wcov8hy3c42c.png)
![8.png 8.png](/upload/medialibrary/240/awozzvd8w5cc7tqxfve11ltvq0a5kaf4.png)
Заключение
Создан функциональный и удобный в навигации лендинг, который направлен на то, чтобы сконцентрировать внимание пользователя на целевом действии. Адаптивные версии для мобильных устройств позволяют легко совершать покупки с гаджетов. Информация в блоках предоставлена кратко, но наглядно, что помогает при выборе необходимых товаров.