Awwwards
 
 
 
 
 

Dress4Less

Dress4Less Хедър

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

Ecommerce, Уеб

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

Уеб Дизайн

Клиент:

Dress4Less е бизнес, продаващ известни спортни марки като Addidas, Nike, Puma, Reebok и т.н. на достъпни цени и със страхотни намаления. Компанията има физически магазини в много от най-големите градове в източната част на България. Проекта е реализиран по време на съвместната ми работа със Stenik Group

ВИЖ ОНЛАЙН

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

По изискване на клиента, бизнес предимствата им трябваше да са представени от икони и да присъстват на почти всяка страница. Тъй като използват много банери за промоционални оферти и т.н., трябваше да им представим блок с адаптивни банери, които могат да бъдат визуално интересни, но не много натоварени - целевата аудитория са млади хора с нисък до среден доход. Не на последно място - в страницата със списък от продукти трябваше да компресираме съдържанието така че в продуктовата кутия да показваме цветови варианти и размери при минаване с мишката. Банер блока има модерен стил от тип пъзел / мозайка, където отделните банери нямат никакво отстояние и образуват интересна и визуално приятна подредба. Добрата снимка, комбинирана с градиент и почти прозрачен бутон - беше успешна комбинация за лесен за персонализиране банер.

Dress4Less Начална страница
01

Решенията

1 / 6
  • Dress4Less - Списък с продукти

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

  • Dress4Less - Детайлна страница на продукт

    Предизвикателството за детайлна страница беше да запазим стила "мозайка", но да разделим ясно смислово отличаващите се части съдържание. За секцията "довърши визията" реших че трябва да центрираме продуктите, тъй като често имаше само до 2-3 които допълваха основния продукт.

  • Dress4Less - пазарска количка

    Страницата на количката има много минималистичен стил, но въпреки това показва цялата нужна информация по визуално задоволяващ начин.

  • Dress4Less - Страница на новина

    Детайлната страница на новина беше решена без ляв сайдбар, но оставихме ширината на съдържанието същата, за да има възможност за голяма снимка в началото. Наложи се да стестним ширината на прараграфите и заглавията за да запазим четимостта на текста.

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