Ugrás a fő tartalomhoz
Minden projektProjekt 02 · 2025–26

Shopify-áruház · Kiállítási felület tervezése

Blank Inspiration

A Kaku felépítette a Blank egyedileg beállítható vásznakat árusító Shopify-áruházát. Ezután külön kiállítási felületet tervezett a művészek, az eredeti alkotások és a nyomatok bemutatására. Az áruház ma is működik. A kiállítási terv viszont nem kapott jóváhagyást, ezért nem fejlesztették le.

Elkészült
2
Mi került használatba
egy működő áruház és egy külön kiállítási felület terve
Munkatípus
Shopify-áruház · Kiállítási felület tervezése
Állapot
Az áruház elkészült és működik · a kiállítási terv nem került fejlesztésre
A Kaku feladata
Shopify-áruház fejlesztése · Termékbeállító és kosárélmény · Termékbemutatás számítógépen és telefonon · Kiállítási ötlet és oldalfelépítés · Felülettervezés és egységes rendszer minden képernyőre · Végleges Figma-oldalak
Ábra 00 · Blank · Élő áruház + kiállítási tervKép · 1440 × 1000
Áruház · Elkészült és működikA Blank Inspiration US keretezett vászon termékoldala számítógépen beállítva
Kiállítás · Figma-tervFigma-tábla a Blank Exhibition számítógépes és telefonos oldalrendszerével
A működő vászonáruház és a fejlesztésre tervezett kiállítási felület.

00 / Kiinduló helyzet

Min kellett változtatni

A vászonáruházban egyszerűen összehasonlíthatóvá kellett tenni a vászon típusát, a keretet és 27 különböző méretet. A pontos választásnak a kosárban is meg kellett maradnia. A kiállítási projekt más problémát oldott: a gyűjtőknek érteniük kellett a művészeket, a kiadásokat, az eredeti műveket, a nyomatokat és azt, mi vásárolható meg. Az első munka ma is működik, a második egy jóvá nem hagyott terv maradt.

  1. 01

    Újraterveztük a termékválasztást, hogy a beállítások és az ár mindig együtt maradjanak

  2. 02

    Egyszerű érdeklődési lehetőséget adtunk az egyedi méretekhez

  3. 03

    A kosárban is megőriztük a pontos termékbeállítást

  4. 04

    A kiállítási felületet a művészek, az időszakos kiadások, az eredeti művek és a nyomatok köré terveztük

Mi került használatba

Két áruház. Mindkettő működik.

A két áruház hangulata eltér, de mindkettőben egyszerű út vezet a termékek böngészésétől a kosárig.

Állapot01
Élő
Shopify-áruház
A művész beállíthat egy normál vásznat, és ugyanazokat a választásokat ellenőrizheti a kosárban
Átadva02
27
Normál méretek
A legtöbb rendelés külön érdeklődés nélkül, önállóan végigvihető
Átadva03
Egyedi
Méretkérés
A szokatlan méretekhez világos út tartozik a termékoldal elhagyása nélkül
Átadva04
11
Kiállítási oldaltípusok
A tervezett oldalak a művész megtalálásától az eredeti munkákon és nyomatokon át az archívumig vezetik a gyűjtőt

A projekt része · Működő Shopify-áruház

Elkészült és működik
Ábra A01 · Termékoldal · BeállítvaKép · 1440 × 1000
SzámítógépA Blank Inspiration US beállított vászon termékoldala számítógépen
TelefonA Blank Inspiration US beállított vászon termékoldala telefonon
Termékoldal · az aktuális választások és az ár együtt maradnak számítógépen és telefonon.

A01 · Termék beállítása

A vásárló egyértelmű sorrendben állítsa össze a terméket

A vásárló egymás után választja ki a vászon típusát, a keretet és a méretet. Az ár rögtön frissül a vásárlási gomb mellett, így még a kosárba helyezés előtt pontosan látja, mit rendel.

Telefonon is minden fontos választás látható marad. Nem rejtettük el őket külön menükbe, és a következő lépés mindig az aktuális beállítás közelében jelenik meg.

  • Vászontípus, keret és méret egyértelmű sorrendben
  • Huszonhét könnyen összehasonlítható normál méret
  • Az aktuális ár a vásárlási gomb mellett

A02 · Méretek és kivételek

A gyakori méretek legyenek azonnal rendelhetők, az egyedi méret pedig könnyen kérhető

A legtöbb vásárló megtalálja a megfelelő méretet a 27 szabványos lehetőség között. Ezek könnyen áttekinthetők és összehasonlíthatók. Akinek más méret kell, a termékoldal elhagyása nélkül kérhet egyedi ajánlatot.

Megadhatja a pontos méretet, az elérhetőségét és egy rövid megjegyzést. Így nem kell egy majdnem megfelelő méretet választania vagy félbehagynia a rendelést.

  • Huszonhét normál méret közvetlen rendeléshez
  • Az aktuális termék és ár látható marad
  • Kérőűrlap a kínálaton kívüli méretekhez
Ábra A02A · Termékoldal · MéretkínálatKép · 1440 × 1000
Méretek számítógépenA Blank Inspiration US termékoldala a teljes normál vászonméret-kínálattal
Termékoldal teteje telefononA Blank Inspiration US beállítható vászon termékoldala telefonon
Termékoldal · a normál méretek könnyen átnézhetők és összehasonlíthatók.
Ábra A02B · Termékoldal · Egyedi kérésKép · 1440 × 1000
A Blank Inspiration US egyedi méretkérő ablaka a beállított termékoldalon
Termékoldal · az egyedi méret újrakezdés nélkül kérhető.

A03 · Kész munkák

Mutasd meg, hogyan néz ki a kész munka a valóságban

A termékoldal elmagyarázza, mit lehet rendelni. A főoldal pedig megmutatja, miért érdemes. A kész alkotások, az ügyfélpéldák és a vélemények segítenek még vásárlás előtt megítélni az anyagot és a keretezést.

Így a figyelem a műszaki adatok helyett arra kerül, ami a művésznek igazán számít: a kész, felakasztható, kiállítható vagy eladható alkotásra.

Ábra A03A · Főoldal · MárkatörténetKép · 1440 × 1000
A Blank Inspiration US főoldali része a felakasztható vászon előnyeiről
Főoldal · a felépítést a kész eredményen keresztül magyarázza.
Ábra A03B · Főoldal · ÜgyfélmunkákKép · 1440 × 1000
A Blank Inspiration US ügyfélgalériája három használatban lévő kész művel
Főoldal · a kész ügyfélmunkák könnyebben megítélhetővé teszik a terméket.
Ábra A03C · Főoldal · VéleményKép · 1440 × 1000
Ügyfélvélemény és termékbizonyíték a Blank Inspiration US oldalán
Főoldal · egy ügyfélvélemény választ ad az anyaggal és keretezéssel kapcsolatos utolsó kérdésekre.
Ábra A04 · Kosár · Beállított termékKép · 1440 × 1000
Blank Inspiration US kosár a beállított vászon adataival és részösszegével
Kosár · a felépítés, a keret, a méret, a mennyiség és a részösszeg együtt marad.

A04 · A kosár befejezése

A kosárban is maradjon egyértelmű, mit rendelt a vásárló

A kosár megmutatja a kiválasztott vászontípust, keretet, méretet, mennyiséget és árat. A vásárló a termékoldalra való visszalépés nélkül ellenőrizheti a teljes rendelést.

Ez különösen fontos, mert a méret az árat is módosítja. A kosár így egy utolsó, egyértelmű ellenőrzési pontot ad a fizetés előtt.

B projektág · Kiállítási felület

A terv elkészült · nem került fejlesztésre
Ábra B01 · Meglévő áruház · Kiinduló állapotKép · 1440 × 1000
SzámítógépA Blank Inspiration jelenlegi galériaarchívuma számítógépen
TelefonA Blank Inspiration jelenlegi galériaarchívuma telefonon
Meglévő Shopify blog · archívumnak hasznos, de nem kiadásokhoz vagy vásárláshoz készült.

B01 · Meglévő kiindulópont

A régi galéria inkább archívum volt. Az új felületnek a gyűjtőket is segítenie kellett

A Blank meglévő kiállítási tartalma egy egyszerű Shopify-blogban élt: alkotáskártyák, dátumok és külön történetek formájában. A korábbi munkák megőrzésére megfelelt, de az új kiadások bemutatását és a vásárlói döntést nem segítette.

A Kaku ezért külön felületet tervezett a művészek, az időszakos kiadások, az eredeti művek, a nyomatok, az érdeklődések és az archívum számára. A terv Figmában elkészült, de végül nem került fejlesztésre.

Ábra B02 · Kiállítási oldal · SzámítógépGörgethető kép · 1440 × 4955
A Blank Exhibition teljes indexoldalterve időzített kiadással, művekkel, háttéranyagokkal és feliratkozással
Kiállítási oldal · időzített kiadás, elérhető munkák, művészháttér és a következő lépés egy oldalon.

B02 · A kiadások rendszere

A művek időszakos kiadásokba kerüljenek, ne egy végtelen hírfolyamba

Minden kiállítás egy meghatározott ideig elérhető kiadásként jelenik meg, rögzített műválogatással. A gyűjtő még a döntés előtt látja, mi érhető el, mit kell tudni a kiadásról és a művészről, valamint mely munkák keltek már el.

Így minden kiadásnak egyértelmű kezdete és vége van. A látogató az egész oldal átkutatása nélkül is érti, mi ritka, mi elérhető, és mi legyen a következő lépés.

  • Világos nyitó- és zárópont minden kiadáshoz
  • Elérhetőség és kiadási adatok a mű mellett
  • Közvetlen út a vásárláshoz, a nyomatokhoz vagy az érdeklődéshez

B03 · Következetes oldalak

Minden oldalon ugyanott legyenek a vásárláshoz szükséges adatok

A művész-, mű-, archívum-, gyűjtői és nyomatoldal azonos sorrendben mutatja az elérhetőséget, a kiadás adatait, az árat és a következő lépést. Ha a gyűjtő egy oldalt már megértett, a többit is könnyen tudja használni.

Az asztali és a telefonos változat külön készült, hogy mindkettőn világos maradjon a sorrend. A fejlesztők így pontos tartalmi és működési tervet kaptak, nem csak egy telefonra összenyomott asztali látványt.

Ábra B03A · Kiállítás · RendszeráttekintésKép · 4096 × 2980
Figma-tábla a Blank Exhibition számítógépes és telefonos oldalrendszerével
Figma-tábla · a fő gyűjtői utak számítógépen és telefonon.
Ábra B03B · Főoldal · SzámítógépKép · 1440 × 1514
A Blank Exhibition főoldalának nyitánya számítógépen
Főoldal számítógépen · az aktuális kiadás és az elérhető munkák vezetik az oldalt.
Ábra B03C · Főoldal · TelefonGörgethető kép · 750 × 16064
A Blank Exhibition teljes telefonos főoldalterve
Főoldal telefonon · ugyanaz a kiadás kisebb képernyőre átrendezve.
Jelenlegi állapot

Mi érhető el jelenleg.

A Shopify-áruház ma is működik, az itt bemutatott vászonválasztási és vásárlási folyamat használható. A kiállítási felület Figmában elkészült terv, amely nem kapott jóváhagyást, ezért nem fejlesztették le. Egyik munkához sincs olyan összehasonlítható üzleti adatunk, amelyből megbízható eredményt lehetne számolni. Ezért itt csak az elkészült munkát és annak jelenlegi állapotát mutatjuk be.

Következő projekt

Trophy Daughter × Colorful Socks

A Kaku alapítója egy másik ügynökség alvállalkozójaként két Shopify-áruházat fejlesztett ugyanazon ügyfél két külön márkájának. A két áruház látványvilága és termékbemutatása eltér, a vásárlás menete viszont mindkettőben egyszerű.

Következő projekt
A Trophy Daughter Love Language kampányának nyitóképe2Shopify-áruház készült ugyanazon ügyfél két márkájának

Hasonló problémád van?

Mutasd meg Csabának, hol akadnak el a vásárlók.

Csaba átnézi az áruházat, az ajánlatot és a rendelkezésre álló adatokat, majd elmondja, min változtatna először.