SAJÁT KONCEPCIÓ · WEBÁRUHÁZ-DEMÓ

KEDRA bútor-webáruház

Kortárs bútormárka kétnyelvű webáruház-demója: a berendezett terek inspirációjától a színválasztáson át a bemutató pénztárig.

A teljes webáruház bejárása →
KEDRA enteriőr világos ülőbútorokkal és meleg fa felületekkel
Projekt jellege
Saját koncepcióprojekt · demó
Év
2026
Szerepkör
UX/UI tervezés · Frontend fejlesztés · Interakciótervezés · HU/EN tartalmi rendszer

A PROJEKTRŐL

A bútor az otthon részeként válik érthetővé

A KEDRA egy fiktív prémium bútormárka saját portfóliókoncepciója. A feladat a márka vizuális világának, a termékkatalógusnak és a vásárlási felületnek az összehangolása volt, a tartalmi tervezéstől a működő frontend megvalósításáig.

A referencia az elkészült tervezői és fejlesztői munkát mutatja be. Nem valódi ügyfélmegbízás, és nem kapcsolódik hozzá mért üzleti vagy konverziós eredmény.

KIINDULÓPONT

A szoba egészétől az egyes részletekig

A bútorválasztás egyszerre vizuális és gyakorlati döntés. A koncepcióban a berendezett terek hangulatát úgy kellett összekapcsolnom az anyagokkal, méretekkel, színekkel és árakkal, hogy a látogató könnyen összevesse a lehetőségeket.

A két kollekció és az öt szobaberendezési útmutató a tér egészéből indul ki. A nappali, az étkező, a háló, a dolgozósarok és a garzon bemutatója elrendezési, anyaghasználati és világítási ötleteket ad, majd a kapcsolódó termékekhez vezet.

A MEGOLDÁS

Egy választás, következetesen végigvezetve

Egységes márkaképet, kétnyelvű tartalmi rendszert és reszponzív vásárlási folyamatot terveztem és fejlesztettem. A termékkártyák, a részletes galériák, a szűrők és a helyben tárolt kosár ugyanazokra a strukturált termékadatokra épülnek.

A kategória-, anyag-, szín-, elérhetőség- és árszűrők együtt használhatók, mellettük négy rendezési mód és ékezetfüggetlen keresés segíti a tájékozódást. A kiválasztott szín megjelenik a termékkártyán, a galériában és a kosárban; a méretváltozat az árat és a méretadatokat is frissíti.

Az azonos magasságú kártyákon külön sor jut az árnak, a színválasztók és az értékelésblokkok egymáshoz igazodnak. A részletek rendezése könnyebbé teszi a termékek összehasonlítását.

INTERAKCIÓK

Nyugodt felület, pontos visszajelzések

A filmes nyitányt visszafogott olívazöld felületek, berendezett enteriőrök és letisztult, stúdiófotót idéző termékillusztrációk követik. A kétnyelvű szövegek, a navigáció és a termékadatok egységes tartalmi rendszerből épülnek fel.

A galériák, a képnagyítás, a kereső és a kosárpanel billentyűzettel is elérhetők. A görgetésre megjelenő elemek és a finom állapotváltások figyelembe veszik a csökkentett mozgás beállítását; a videók külön szüneteltethetők.

ELKÉSZÜLT FELÜLET

Teljes vásárlási út, bemutató célra

Az elkészült demó 24 terméket, 8 kategóriát, 2 kollekciót és 5 teljes szobaberendezési útmutatót kapcsol össze. A kereséstől a bemutató rendelésösszesítőig végigjárható folyamat magyarul és angolul is működik.

A kívánságlista, a kosár és a nyelvi választás az adott böngészőben megmarad. A pénztár címellenőrzést, két szállítási módot és bemutató rendelésösszesítőt tartalmaz. A folyamat a felület működését szemlélteti: valódi fizetés, rendelésküldés és backend nincs mögötte.

A DEMÓ KERETEI

Kipróbálható, valódi vásárlás nélkül

A termékek, árak és készletadatok szemléltető tartalmak. Az értékelések jelölt fiktív minták. Rendelés, üzenet, feliratkozás vagy fizetés nem kerül továbbításra.

A termék- és koncepcióképek generált illusztrációk; a videók licencelt stock felvételek. Az egyes szerkesztőségi fotók és felvételek forrásai a bemutató képjegyzékében szerepelnek. Forrásjegyzék ↗

KEDRA bemutató megnyitása →
TOVÁBBI PROJEKTMonterra Estate Wines