Меню като цип
Навигацията се отваря като цип, пренасяйки характерен детайл от дрехата в интерфейса.
HERO LOOP
Прожектори → меню с цип → продукт → лого
КЕЙС СТЪДИ · E-COMMERCE
ASSEMBLED
ASSEMBLED
Дигитален магазин, ушит по мярка
Превърнахме идентичността на Assembled в интерактивно e-commerce изживяване, в което всеки детайл следва характера на бранда.
UX/UI Design
E-commerce
Custom Development
Motion Design
БРАНДЪТ
Една дреха.
Една дреха.
Много възможности.
ASSEMBLED е моден бранд, изграден около идеята за модулното облекло. Дрехите не следват една единствена форма, а се променят според начина, по който ги носиш.
Всеки елемент може да бъде трансформиран, комбиниран и интерпретиран по различен начин. Сайтът трябваше да носи същата свобода - ясен, интуитивен и фокусиран върху самата дреха.
CUSTOM DEVСайт, изграден от нулата
E-COMMERCEЦялостно онлайн пазаруване
UX / UIДизайн, създаден за ASSEMBLED
КАМПАНИЕН КАДЪРДобави малка хоризонтална снимка
ДЕТАЙЛ ОТ КОНСТРУКЦИЯТАДобави близък кадър на материя, цип или шев
ЗАДАЧАТА
Не просто да продава.
Не просто да продава.
Да продължи бранда.
ЗАДАЧАТА В ЕДНО ИЗРЕЧЕНИЕ
ASSEMBLED предлага различен начин да носиш и променяш една дреха. Затова и сайтът е изграден около възможностите на продукта, а не около стандартната логика на онлайн магазина.
Всяка част от изживяването е създадена така, че да разкрива идеята постепенно и да дава пространство на продукта да говори сам за себе си.
ХАРАКТЕРФУНКЦИЯ
КОНЦЕПЦИЯ · MOTION SYSTEM
Детайлите оживяват.
Вдъхновихме интеракциите от конструкцията на дрехите и ги превърнахме в част от дигиталния език на ASSEMBLED.
Селекции като закопчаване
Копчето се превръща в начин за достъп до детайлите на дрехата. При отваряне то среща своята „дупка“ в края на менюто.
Колекция под прожекторите
Силуетите са първата точка на контакт с колекциите. Всяка зона от тялото води към различна част от ASSEMBLED.
CUSTOM ICONS
Един визуален език до последната икона
Самостоятелни знаци, родени от същата геометрия и конструктивна логика, заложени в логото.
ВИЗУАЛНА СИСТЕМА
Езикът на ASSEMBLED.
Черно, бежово и почти бяло изграждат балансирана палитра с мек контраст. Цветовете не се конкурират с дрехите, а създават чист фон за тях.
#1B1816Основен контраст
#C9A792Акцент и действие
#FFFDFAФон и въздух
BRAND TYPEFACEManrope
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz · 0123456789
INTERFACE CONTROLS
Цветове и пропорции, извлечени от live ASSEMBLED storefront.
ФОТОГРАФСКИ СТИЛ
PRODUCT UXПо-ясно представяне.
По-ясно представяне.
По-уверено решение.
Изчистеното представяне, логичната структура и лесният достъп до важната информация превръщат избора в приятно изживяване.
ВАРИАНТИ И РАЗМЕРИ
Всичко необходимо за избора остава на едно ясно ниво.
ОСНОВНО ДЕЙСТВИЕ
Добавянето в количката е видимо точно когато е нужно.
ДЕТАЙЛИ ПРИ НУЖДА
Повече информация се разгръща без да натоварва екрана.
УПРАВЛЕНИЕКрасив отвън.
Красив отвън.
Удобен отвътре.
Екипът управлява продуктите, съдържанието и основните настройки, докато сложните процеси остават във фонов режим.
СъздаванеПродукт и варианти
→
ПубликуванеПроверка и статус
→
УправлениеНаличности и съдържание
КЛЮЧОВИ РЕШЕНИЯ
Характерът не трябва
Характерът не трябва
да струва удобство.
Motion без тежест
Движението трябваше да носи характер, без да забавя магазина.
→Леки формати и зареждане точно когато са нужни.
Собствен, но познат интерфейс
Нестандартните жестове не трябваше да изискват ново обучение.
→Позната e-commerce логика с характер само там, където носи смисъл.
Много детайли, спокоен екран
Вариантите и информацията лесно можеха да претрупат продукта.
→Ясни нива и детайли, които се отварят само при нужда.
БЪРЗИНАТА Е ЧАСТ ОТ ИЗЖИВЯВАНЕТО
Визия, която
Визия, която
идва навреме.
Богатото изживяване е подредено така, че изображенията, анимациите и ресурсите да се появяват само когато са нужни.
90
Ефективност96
Достъпност100
Най-добрипрактики
100
SEO- Оптимизирани изображения
- Lazy loading
- Контролирано motion зареждане
- По-малко ненужни ресурси
PageSpeed Insights / DesktopPageSpeed Insights резултати за ASSEMBLED.
RESPONSIVE
Един характер на всеки екран
Не просто свита desktop версия, а решения, адаптирани към ритъма, жестовете и приоритетите на всеки екран.
DESKTOP HOMEДобави screenshot
MOBILE MENUДобави screenshot
MOBILE PRODUCTДобави screenshot
CARTДобави screenshot
РАЗГОВОР С ОСНОВАТЕЛЯ
Въпросите
Въпросите
след пускането.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, metus at ultrices luctus, libero mauris dignissim nisl, vitae tincidunt turpis massa sed nibh. Sed a nunc vel sem tristique finibus. Donec id sem non neque commodo consectetur. Morbi interdum, massa vitae sodales consequat, urna lectus dictum magna, sed posuere nisi erat id urna.
ПОРТРЕТ ИЛИ КАДЪР ОТ БРАНДАДобави малка снимка при готовност
Каква беше първоначалната идея зад ASSEMBLED?
Тук ще поставим редактирания отговор на основателя. Този първи отговор остава видим и дава естествено начало на разговора.
Покажи останалия разговорСкрий останалия разговор↓
Кое решение в новия сайт най-точно отразява бранда?
Тук ще поставим редактирания отговор на основателя.
Как новата система промени ежедневното управление?
Тук ще поставим редактирания отговор на основателя.
Какво забелязват клиентите първо?
Тук ще поставим редактирания отговор на основателя.
РЕЗУЛТАТ
Система, готова да расте заедно с бранда
Не сбор от отделни ефекти, а завършена среда за продукт, съдържание и продажби.
Един бранд.
Един дигитален език.
От първото движение до управлението на продуктите — всяка част работи като елемент от една система.
Вижте проекта на живо ↗E-commerce основа
Цялостен магазин с ясен път до покупка.
UX/UI система
Собствен интерфейс за desktop и mobile.
Motion и икони
Разпознаваеми детайли с конкретна функция.
Управление
Практична среда за продукти и съдържание.
СЛЕДВАЩ ПРОЕКТ
Имате продукт,
Имате продукт,
който не се побира
в готов шаблон?
Нека му направим собствена система — от първия жест до последния клик.