![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/e1d6ee134636801.61e199dbd2dec.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/953e4d134636801.61e186c1ef242.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/9dd602134636801.61e186c1f1020.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/eceb5b134636801.61e186c1ea808.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/a900f9134636801.61e186c1ed425.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/4043ff134636801.61e199dbd3637.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/b96fdf134636801.61e186c1f086c.jpg)
Поставленная задача
Цель сайта дать информацию о новых отделочных материалах – гибкие камень, мрамор и фрески. Области их применения, преимущества и ограничения, инструкции по монтажу.
Заказчик просил сделать минималистичный сайт в тёмной гамме.
Так как продажи товаров непосредственно с сайта не осуществляются, то обязательно нужно сделать форму для отправки заявки или запроса.
Разработать четыре адаптивные версии сайта.
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/28bfe3134636801.61e186c1eea06.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/d5a3ff134636801.61e186c1ee407.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/65c771134636801.61e186c1eba21.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/a08aeb134636801.61e186c1eda60.jpg)
Стадии процесса
Заказчик предложил сделать сайт в чёрно-жёлтой гамме. Так как предложенная палитра не противоречила тематике сайта, то я подобрала цветовую палитру из трёх цветов сочетающихся между собой: чёрный, жёлтый и белый. Она была утверждена и впоследствии под эту палитру подбирались и обрабатывались фотографии для главной страницы.
В процессе работы я всегда проверяю удобство пользования сайтом, и этот сайт не исключение. Изначально доступ на страницы с инструкциями по монтажу и в портфолио не планировался из главной навигации сайта. Но после объяснения заказчику, что такой доступ будет удобен для пользователя, это изменение было принято, а страницы добавлены в навигацию.
Информацию на страницах по монтажу я структурировала и оформила в удобном, легко читаемом виде, с выделением важных моментов, на которые посетителю нужно обратить особое внимание.
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/4ef1e8134636801.61e186c1f0075.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/4938fd134636801.61e186c1ecbec.jpg)
Результат
При просмотре главной страницы пользователю даётся максимальная информация о материале, о местах применения и ограничениях, о преимуществах материала. Дана информация о производителе и представлены несколько фотографий из портфолио. Также присутствует форма заявки для получения индивидуальных условий.
В каталоге, при клике на карточку товара, открывается страница с подробной информацией о материале, ниже, для удобства, я добавила форму для заполнения заявки. Плюс к этому, с этой же страницы можно перейти на страницу с инструкцией по монтажу данного материала.
Сайт получился легким в использовании и с удобной навигацией по страницам. Максимальный путь пользователя от начальной и до конечной точки не превышает трёх кликов. Вся информация подана легко и быстро считывается.
Главная задача сайта – информативное и стильное представление нового материала, выполнена.
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/af13c9134636801.61e186c1eb208.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/2135fe134636801.61e187e48984f.jpg)
![black Figma landing page UI/UX UX design Website Website Design wordpress Ecommerce](https://mir-s3-cdn-cf.behance.net/project_modules/1400/721b8d134636801.61e187e489e67.jpg)