Awwwards
 
 
 
 
 

Ozone.bg

Ozone хедър

Тип на проекта:

Онлайн магазин

Извършени услуги:

Уеб дизайн,
UI/UX

Клиент:

Ozone е известен български бранд онлайн магазин за забавления и свободно време. Техния основен тип продукти са компютърни игри и компоненти, но имат също много играчки, пъзели, джаджи и т.н. Проекта е реализирам по време на съвместната ми работа със Stenik Group

ВИЖ ОНЛАЙН

Цели на проекта

Озоне имаше нужда от нов облик, който да е в крак с новите дизайн тенденции. Разбира се, беше голямо предизвикателство да направя редизайн на сайта по такъв начин, че множеството потребители посещаващи го всеки ден, да не си помислят че се намират на страницата на тотално различен бранд. За това и имаше някои ограничения, като използването на определени познати на аудиторията шрифтове. Друго нещо върху което помислихме, е как да акцентираме на огромното количество категории още на начална страница. Не на последно място - листинг страницата трябваше да съдържа доста продукти на един ред както и много call-to-action бутони.

Ozone - Цели
01

Решенията

1 / 6
  • Ozone Megamenu

    Имайки огромен брой категории на сайта, ние трябваше да имплементираме мегаменю. Използвах тънки иконки за допълнително разграничаване на основните категории, а вътрешните нива бяха разделени на колони. Добавянето на визуален елемент в долния-десен ъгъл на всяка главна категория прави менюто още по-запомнящо се.

  • Ozone - страница списък с продукти

    Едно от големите предизвикателства в този проект беше да се подредят 5 продукта на един ред и същевременно да се запази 1280px ширина на основното съдържание, така че оформлението да изглежда същото и при резолюциите на малките лаптопи. Решението беше да се използват икони без текст за call-to-action бутоните, тъй като те са лесно разпознаваеми символи за електронна търговия. Също така всичко в кутията на продукта беше подравнено наляво, като по този начин се оползотворява оптимално пространството. Из целия сайт трябваше да има опция за банер в задния фон, така че трябваше да проектираме основното съдържание по начин, по който фонът може да се покаже отгоре и от страни на по-големи резолюции.

  • Ozone.bg - детайлна страница на продукт.

    Детайлна страница е много богата на съдържание и доста от решенията са продиктувани от този факт. Например кутията с бутоните за онлайн пазаруване е подчертана и разположена от дясно защото съдържа доста допълнителни линкове. Голямото описание и характеристики на продукта биха я изместили прекалено надолу ако беше центрирана вместо това. Представянето на продуктовите варианти е чрез подобни на бутон, кликаеми опции, които за разлика от стандартното падащо меню, дават на потребителя възможност да вижда всички варианти с един поглед. Имайки много игри и филми като продукти, секцията с пълното описание трябваше да съдържа доста изображения. Зиг-заг разположение беше използвано за съдържанието, а веднага след него идват характеристиките и клиентските мнения. Вместо да използваме стандартните табове, всичкото съдържание е представено в последователност от секции, така че потребителя да не изпусне важната за него информация.

  • Ozone - Моят профил

    В страницата на моят профил използах различно разположение на елементите в лявата навигация, така че да е по-изпъкваща. Отново използванет на икони и доброто подравняване на елементите са ключ към доброто представяне на информация на потребителя.

Ozone - Всички екрани