Дизайн конструктора
КОНСТРУКТОР ЧАСОВ, СУМОК, ОЧКОВ БРЕНДА O BAG.
Предназначение конструктора: даёт возможность посетителям собрать свой собственный аксессуар из различных компонентов.
Сумки (O bag Classic, O bag mini, O chic, О basket, O pocket) состоят из максимум 4-х компонентов: корпус, ручки, подкладка, манжет/флип.
Часы состоят из 2-х компонентов: циферблат и ремешок.
Очки состоят из 3-х компонентов: дужки, линзы, оправа.
Для каждого из этих продуктов должен быть свой конструктор.
Что нам нужно: вылизать (довести до ума) визуальный концепт.
ВИЗУАЛЬНЫЙ КОНЦЕПТ: http://www.ex.ua/284106207979
- Верхнее меню с иконками, обозначенное цифрой 1, предназначено для переключения между отдельными продуктами бренда O bag. Нажимая какую-либо из иконок, мы переходим в конструктор отдельного продукта. Таким образом, нам нужно 7 конструкторов, которые одинаковы по механике, меняются только иконки (они есть в векторе) и, возможно, расположение/масштаб главного фото. О том, в каком конструкторе посетитель находится говорит «активная» иконка (выделяем её каким-то светом; возможно оранжевым, как на сайте).
- Боковые иконки, находящиеся с левой стороны - меню переключения между отдельными компонентами товара. Активность иконки (оранжевый цвет) говорит о том, что пользователь, нажимая на стрелочку боковой прокрутки элементов (цифра 3), будет последовательно, по одному, листать доступные элементы (в данном случае - корпуса сумок O bag Clasic), которые отображаются в ассортиментном меню (цифра 5). Компоненты из этого меню листаются с шагом в 3-4 единицы стрелочками прокрутки (4) .
- Символы «-» и «+», отображающиеся рядом с элементами бокового левого меню, предназначены для удаления элементов. Например, нажимая минус рядом с иконкой корпуса, иконка становится прозрачной (неактивной), а фотографии корпусов (6) исчезают. На их месте остаётся схематический контур (ТРЕБУЕТ ПРОРИСОВКИ). Все остальные компоненты, в нашем случае это подкладка и ручки, остаются на своих местах.
- Для подсказок нужны какие-то навигационные стрелочки (ТРЕБУЮТ ПРОРИСОВКИ), главная задача которых дать понять клиенту, что нужно делать. Например, призывают добавить корпус и или ручки, когда они неактивны.
- Изначально у нас активны три компонента: корпус, ручки, подкладка. Мы считаем это базовой комплектацией. Иконка «манжет» (7) неактивна/полупрозрачна. Рядом с ней символ «+», при нажатии на который, на главном фото сумки (6) появляется манжет.
- В боковом меню справа (8) выводятся названия тех компонентов, которые сейчас отображаются на главных картинках (6). Если какая-то кнопка-иконка из левого меню (2) отщелкнута/свернута, как в нашем случае с манжетом (7) , то в правом меню (8) выводится «Корпус/Ручки/Подкладка/Манжет не выбран".
- Слева от кнопки «купить» выводится цена активного комплекта, которая автоматически формируется из цен отдельных компонентов.
- Справа от кнопки «Купить» находится кнопка «Добавить в избранное», позволяющая добавить понравившийся комплект в личный кабинет для дальнейшего просмотра. Она стандартна на сайте.
- Нижнее меню с иконками социальных сетей - даёт возможность расшарить понравившуюся комбинацию. Возможно, его имеет смысл разместить выше - под кнопкой «Купить».
- Конструктор часов у нас уже есть, его нужно будет только вписать в стилистику нового конструктора.
Current freelance projects in the category Web Design
Landing page for training coursesA landing page is needed for a podiatry course — training on the treatment of ingrown toenails and correction with titanium thread. The course is for podiatrists, format: 1 day of online theory, 2 days of offline practice, after completion — a certificate. Location: Kyiv, date:… Web Design ∙ 20 hours 25 minutes back ∙ 96 proposals |
Graphic designer for email newsletters with experience in KlaviyoWe are looking for a talented graphic designer to create a visually appealing email newsletter for the natural cosmetics brand Earth Lab.About the Brand Earth Lab creates handmade natural deodorants, creams, scrubs, and body care products. Our style: natural clean calm… Web Design, Packaging and label design ∙ 1 day back ∙ 13 proposals |
Freelance shopify & designer expert -live collaboration(hourly project)
I am looking for a Shopify and design expert to work directly with me live. ;we will build, design, and learn together live via screen-share on a set schedule. Our first task will be a paid test project. Key Responsibilities: Store Setup: Build a second Shopify store from… Content Management Systems, Web Design ∙ 1 day 19 hours back ∙ 8 proposals |
Need a designer who will create designs for coders.Brief summary The essence of the project. We are creating a B2B platform and data collection system for marine vessels. The main problem is that on ships, the internet is either very poor or non-existent. Therefore, the interface must be able to work offline, and when a… Web Design ∙ 3 days 8 hours back ∙ 42 proposals |
Website designLooking for web designers to develop web design. Experience in website development and knowledge of UI/UX is required. Interface Design (UI/UX), Web Design ∙ 3 days 12 hours back ∙ 116 proposals |
Kyiv