Promo website

Landing Page для художника

Landing Page для заказчика-художника. Задача сайта заключалась в том, чтобы презентовать художника и ознакомить с некоторыми его работами
Landing Page для художника

Tools are being used in this project

HTML

Обыкновенный статичный HTML

CSS

Для ускорения разработки использовалась сеточная часть CSS-фреймворка Bootstrap

JavaScript

Для реализации части функционала использовалась jQuery

Gallery

Few words about the project

Пример обыкновенного landing'а, который я делал в 2014 году для знакомого художника. Чем примечателен этот "сайт"? Тем, что он был для меня первым сайтом, который я вообще сделал и самостоятельно захостил.?

Заказчик, будучи глубоко творческой натурой, не знал, какой дизайн он хотел бы видеть и собственно толком не знал даже свое направление. И потому я сделал 3 варианта дизайна страницы.?

Инструменты и особенности?

Сложно рассказать что-либо интересное о данной работе, потому что она была максимально примитивной с технической точки зрения. Самый обыкновенный HTML + CSS + JS. Сайт был полностью статичен и не имел никакой административной части.?

В качестве CSS фреймворка использовался Bootstrap (точнее использовалась его сетка).?

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

Функциональность/конверсия или "красивый" дизайн??

Уже на первом сайте я столкнулся с классической дилеммой конверсия/дизайн. Краткая, но ключевая информация о картинах отображалась только при наведении на них.

Информация о картине по Ховеру

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