Aktualizacja projektu strony internetowej

Strona divan.com.ua powinna w ogólnych zarysach zachować firmowy styl i paletę kolorów (biały + turkusowy).

Konieczne jest zaprojektowanie następujących stron: Strona główna, Kategorie, Strona produktu.

Trzeba również zaprojektować stronę 404.

Zaplanować stronę "Wybór sofy" Przykład: https://www.made.com/sofasizer

Maksymalna szerokość ekranu 1440px jak tutaj: https://www.6pm.com

Pod projekt strony należy dobrać, stworzyć ikony: zniżka, dostępny, hit sprzedaży, super cena, niedostępny, długi czas produkcji, miękki, średniej twardości, twardy

Przykład: http://prntscr.com/lers7v

Projekt należy wykonać dla stron o szerokości: 320,767,768,1000,1356,1920px

Strona główna

Zawartość nagłówka taka sama jak obecnie.

W górnym rozwijanym menu powinna być pokazana hierarchia (strzałka lub w inny sposób).

Trzeba zaprojektować rozwijane menu. Przykład:

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

http://prntscr.com/lf04ex

Boczne menu należy usunąć: http://prntscr.com/les6k3

Slider powinien być na całej szerokości strony.

Strona główna powinna mieć linki do najpopularniejszych działów mebli tapicerowanych: Sofy proste, Sofy narożne, Sofy modułowe, Tanie sofy.

Na stronie głównej powinien być moduł «Wybór sofy».

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

Na stronie głównej powinien być blok na wideo:  "O firmie"

Na stronie głównej powinien być blok na tekst.

Stopka

Powinna być przycisk Viber tylko w wersji mobilnej.

Strona kategorii.

Powinny być dwa typy stron kategorii.

1. Wyższa strona kategorii.

Strona, która otwiera się po kliknięciu na "Sofa" lub "Łóżko" w górnym menu.

Na wyższej stronie każdy dział powinien być w jednej linii z linkiem do niższego działu Przykład: https://drive.google.com/drive/u/1/folders/1IYeGvUaYVETdEITsDdSMiWVCMRyzeY1O

http://prntscr.com/leshet

2. Standardowa strona kategorii

W rzędzie powinny być cztery produkty na całej szerokości ekranu.

Przykład:

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

Filtr powinien być w górnej części ekranu.

Przykład:

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

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

W kategoriach powinny być wyświetlane wariacje kolorów.

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

Wariacja koloru nie musi być wyświetlana kwadratami tkaniny.

Można wyświetlić małymi zdjęciami tego samego produktu w innym kolorze.

Strona produktu

Układ bloków pozostaje taki sam jak obecnie.

Trzeba przewidzieć blok pod warunki dostawy.

Również trzeba przewidzieć link do kategorii tkanin producenta.

W wersji mobilnej i standardowej w karcie produktu zdjęcie sofy z przewijaniem powinno przylegać do góry przy przewijaniu w dół. 

Przykład: 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