{"id":14275,"url":"\/distributions\/14275\/click?bit=1&hash=bccbaeb320d3784aa2d1badbee38ca8d11406e8938daaca7e74be177682eb28b","title":"\u041d\u0430 \u0447\u0451\u043c \u0437\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0430\u0432\u0446\u044b \u0430\u0432\u0442\u043e?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"f72066c6-8459-501b-aea6-770cd3ac60a6"}

Разработка сайта с горизонтальным скроллом

К нам обратился интересный Заказчик у которого необычная (с идеей) студия красоты. Комплексное продвижение бизнеса. Разработка фирменного стиля. Разработка сайта.

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

Когда был момент обсуждения разработки сайта, Заказчик сразу сказал, что ему не нужен конструктор, т.к. это дорого и бессмысленно. Нужен удобный сайт, который не будет, как у всех. Горизонтальный скролл — это идеальное решение.

Стартовая страница. При попадании на страницу пользователь просто листает вправо, вместо стандартного пролистывания вниз.

Разработка сайта

Второй блок — информация «о нас».

Разработка сайта

Третий блок — услуги.

Разработка сайта

Четвертый блок — контакты.

Разработка сайта

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

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

Получилось вот так. При попадании на страницу пользователь просто листает вправо, вместо стандартного пролистывания вниз.

Разработка сайта

Второй блок — информация «о нас».

Разработка сайта

Третий блок — услуги.

Разработка сайта

Четвертый блок — контакты.

Разработка сайта

Финальные правки от Заказчика. Корректировка по информации. Стартовая страница. При попадании на страницу пользователь просто листает вправо, вместо вместо стандартного пролистывания вниз.

Разработка сайта

Второй блок — информация «о нас».

Разработка сайта

Третий блок — услуги. Данный блок разделен на две части, чтобы у пользователя размер сайта был статичен.

Разработка сайта

Четвертый блок — контакты.

Разработка сайта

Делитесь своим мнением, какой вариант больше понравился. Нам понравился третий вариант, но на наш взгляд не хватает формы для связи в блоке «контакты».

0
Комментарии
-3 комментариев
Раскрывать всегда