Website design update

The website divan.com.ua should generally maintain the corporate style and color palette (white + turquoise).

The following pages need to be designed: Home, Categories, Product page.

A 404 page also needs to be designed.

Design the "Sofa Selection" page. Example: https://www.made.com/sofasizer

The maximum screen width is 1440px as here: https://www.6pm.com

For the page design, icons need to be created: discount, in stock, best seller, super price, out of stock, long production time, soft, medium firmness, firm

Example: http://prntscr.com/lers7v

The design needs to be made for screen widths: 320, 767, 768, 1000, 1356, 1920px

Home Page

The header content should be the same as it is now.

The upper dropdown menu should show the hierarchy (arrow or something else).

The design of the dropdown menu needs to be illustrated. Example:

http://prntscr.com/les65x https://f.ua/

http://prntscr.com/lf04ex

The sidebar menu needs to be removed: http://prntscr.com/les6k3

The slider should span the entire width of the website.

The home page should have links to the most popular sections of upholstered furniture: Straight sofas, Corner sofas, Modular sofas, Budget sofas.

There should be a "Sofa Selection" module on the home page.

Analog: https://www.made.com/sofas-and-armchairs/sofas  https://www.made.com/sofasizer

There should be a block for video:  "About the Company" on the home page.

There should be a block for text on the home page.

Footer

There should be a Viber button only in the mobile version.

Categories Page.

There should be two types of category pages.

1. Senior Category Page.

The page that opens when clicking on "Sofa" or "Bed" in the top menu.

On the senior page, each section should be in one line with a link to the junior section. Example: https://drive.google.com/drive/u/1/folders/1IYeGvUaYVETdEITsDdSMiWVCMRyzeY1O

http://prntscr.com/leshet

2. Standard Category Page

Four products should be displayed in a row across the full width of the screen.

Example:

https://www.interiordefine.com/shop/custom-sectional-sofas

The filter should be at the top of the screen.

Example:

https://www.made.com/sofas-and-armchairs/3-seater-sofas

https://www.ashleyfurniture.com/c/furniture/living-room/sofas/

Categories should display color variations.

Example: https://www.interiordefine.com/shop/custom-sectional-sofas

Color variation does not necessarily need to be displayed as fabric swatches.

It can be displayed as small photos of the same product in a different color.

Product Page

The layout of the blocks remains as it is now.

A block for delivery conditions needs to be provided.

A link to the manufacturer's fabric categories also needs to be included.

In both mobile and regular versions, the product card photo of the sofa should stick to the top when scrolling down.

Example: https://f.ua/lg/55uj740v.html

Сайт divan.com.ua должен в общих чертах сохранить фирменный стиль и цветовую палитру (белый + берюзовый цвет).

Необходимо оформить следующие страницы: Главная, Категории, Товарная страница.

Также нужно оформить страницу 404.

Оформить страницу "Подбор дивана" Пример: https://www.made.com/sofasizer

Максимальная ширина экрана 1440px как здесь: https://www.6pm.com

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

Пример: http://prntscr.com/lers7v

Дизайн нужно сделать для страниц экрана по ширине: 320,767,768,1000,1356,1920px

Главная страница

Содержимое шапки такое же как сейчас.

В верхнем выпадающем меню должна быть показана вложенность (стрелочка или как то еще).

Нужно прорисовать дизайн выпадающего меню. Пример:

http://prntscr.com/les65x https://f.ua/

http://prntscr.com/lf04ex

Боковое меню нужно убрать: http://prntscr.com/les6k3

Слайдер должен быть по всей ширине сайта.

Главная страница должна иметь ссылки на самые популярные разделы мягкой мебели: Прямые диваны, Угловые диваны, Модульные диваны, Недорогие диваны.

На главной странице должен быть модуль «Подбор дивана».

Аналог: https://www.made.com/sofas-and-armchairs/sofas  https://www.made.com/sofasizer

На главной странице должен быть блок для видео:  "О компании"

На главной странице должен быть блок для текста.

Футер

Должна быть Кнопка Viber только в мобильной версии.

Страница категорий.

Должны быть два типа страниц категорий.

1.Старшая страница Категорий.

Страница которая открывается при нажатии на "Диван" или "Кровать" в верхнем меню.

На старшей странице каждый раздел Должен идти одной строкой со ссылкой на более младший раздел Пример: https://drive.google.com/drive/u/1/folders/1IYeGvUaYVETdEITsDdSMiWVCMRyzeY1O

http://prntscr.com/leshet

2. Стандартная страница категорий

В ряд должно идти четыре товара по всей ширине экрана.

Пример:

https://www.interiordefine.com/shop/custom-sectional-sofas

Фильтр должен быть в верхней части экрана.

Пример:

https://www.made.com/sofas-and-armchairs/3-seater-sofas

https://www.ashleyfurniture.com/c/furniture/living-room/sofas/

В категориях должны отображаться вариации цвета.

Пример: https://www.interiordefine.com/shop/custom-sectional-sofas

Вариация цвета не обязательно отображать квадратами ткани.

Можно отобразить маленькими фото этого же товара в другом цвете.

Товарная страница

Расположение блоков остается как есть сейчас.

Необходимо предусмотреть блок под условия доставки.

Также Необходимо предусмотреть ссылку на категрии тканей производителя.

В мобильной и обычной версии в карточке товара фото дивана с прокруткой должно прилипать к верху при скроле вниз. 

Пример: https://f.ua/lg/55uj740v.html