Мой подход к созданию лендингов или как я делал сайт о рюкзаке Bobby Pro

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

Оригинальный рюкзак XD Design Bobby придумали для борьбы с карманниками в китайском Шанхае. Дизайнеры разработали уникальную конструкцию, которую невозможно открыть незаметно для владельца. Вдобавок, многослойные стенки нельзя разрезать.

Добавили продуманную «начинку», чтобы носить гаджеты и заряжать смартфон, не открывая рюкзака: получился идеальный спутник занятого горожанина.

Сделать удобный сайт, и донести выгоды и преимущества рюкзака Bobby.

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

Затем полученную информацию я обработал по таким пунктам

Благодаря исследованию уже есть вся необходимая информация. На этом этапе я продумал и составил структуру сайта. Копирайтинг и доработка текста помогли отсеять лишние и упростить подачу информации. В итоге у меня получился такой текстовый прототип.

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

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

Когда дизайн готов, перехожу в верстке сайта по методологии БЭМ. Такой подход хорош тем, что весь сайт делится на компоненты, и их легче поддерживать, вносить изменения на сайт при необходимости. Подключил базовую анимацию, плавное появление контента при скролле страницы. Чистый аккуратный код, как итог производительность сайта 94% на мобильных устройствах и 100% на пк согласно тестам PageSpeed Insights.

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

Инстаграм — Телеграм