Назад
brand.me

ui/ux design / front-end / back-end / wordpress

Вперед
WestVet

ui/ux design / front-end / back-end / woocommerce

Jakkard

ui/ux design / front-end / back-end / wordpress

Мінімалістичний та швидкий сайт-візитка для інтер’єр-салону “Жаккард”. Інформативний та зручний інтерфейс з чіткою ієрархією, закликами до дії та детально пропрацьованими анімованими ефектами.

Відвідати сайт

Завдання

 

— зробити редизайн існуючого сайту, адаптувати інтерфейс до нового фірмового стилю

— лаконічно але інформативно представити продукцію

— зробити зручну навігацію

— упростити процес здіснення замовлень

 

 

Рішення

 

Згідно нової айдентики, логотип салону став мінімалістичним, і саме таким ми зробили інтерфейс нового сайту зі світлим фоном, на якому особливо якісно відображаються яскраві роботи салону.

—  на головній сторінці ми органічно розмістили всю основну інформацію про салон, його переваги, процес співпраці, останні роботи, а також багато закликів до дії – для можливості залишити заявку в будь-який момент.

—  навігацію розділили на 2 меню: основне та меню послуг. Перше для переходу поміж загальними сторінками сайту, а друге – для швидково переходу на потрібну послугу чи категорію продукції, пошук за типом продукції, стилем, типом приміщення, чи перейти в галерею тканин і обрати продукцію за виробниками.

Інтерфейс

 

— промальовано UI-kit з основними елементами, та варіантами їх комбінацій

— промальовано векторні іконки та елементи декору

— сітку розміщення елементів спроектовано таким чином, щоб ефективно адатпувати інтерфейс до будь-якого розміру дисплея

— посеред послуг та каталогу продукції створену циклічну навігацію в межах послуг чи типу продукції за відповідними параметрами

— перегляд фото робіт з портфоліо здійснюється у попапі, який за типом роботи нагадує усім знайомий перегляд фото у веб-версії додатку Instagram

— усі компоненти спроектовано таким чином, щоб їх функціональне призначення здійснювалось без перевантаження сторінки і при зміні стану компоненту – не відбувалось “стрибків” поточної сторінки

Застосовані технології

 

— HTML 5

— CSS 3

— JavaScript

— jQuery, jQuery UI

— Bootstrap

— AJAX

— WordPress (для управління контентом)

— Street View in Maps JavaScript API (3D-тур)