Branding és webshop fejlesztés egy prémium autós márkának

Ügyfél:

Taranis

Reedijk Wheels and Tyres B.V. megbízásából

Szakterületek

  • Branding,
  • UX/UI Design,
  • Webshop Fejlesztés,
  • Vue.js, Laravel

Platformok

Mobil, web

Év

2018

Portfolio image 1
Portfolio image 1

A Taranis high-end felnik, abroncsok és komplett szettek értékesítésére fókuszál a minőségre érzékeny vásárlók számára.

A márka értékeinek tükrözésére úgy döntöttünk, hogy a termékekben rejlő vizuális adottságokból indulunk ki: az abroncsok mintázata, a felnik és más, vezetés közben látható elemek – például az útburkolati jelek – adták az alapot. Ezeket modernista tipográfiai megoldásokkal, a színek erős kontrasztjával és az általános design minimalizmusával ötvöztük.

A logó tervezésekor egy guminyomok által inspirált tipográfiai rendszert fejlesztettünk ki. Ezt a mintázatszerű betűrendszert használtuk logójelként, amely aláhúzza a logotípiát, és finom utalást tesz a cég eredetére, miközben megjeleníti a vállalat nevét is, bár alig olvasható módon.

Bár a logó az Ogham ábécének csak hat betűjét használja, kidolgoztuk a teljes ábécét, ami lehetővé teszi, hogy a jövőben alternatív tipográfiai mintázatokat fejlesszünk különböző médiumokra.

Portfolio image 1
Portfolio image 1
Portfolio image 2
Portfolio image 1
Portfolio image 1

A webshop eleganciája és egyszerűsége különbözteti meg a Taranist a versenytársaktól.

Azt akartuk elérni, hogy felnit venni ugyanolyan egyszerű legyen, mint rendelni egy pólót: egy súrlódásmentes felhasználói élmény (frictionless user experience) megteremtésével. A webshop tisztasága és egyszerűsége segíti az olvashatóságot és a kommunikáció folyamatosságát, ami könnyűvé, zökkenőmentessé és élvezetessé teszi az online vásárlást. Eközben egy elegáns vizuális élményt is akartunk nyújtani, utalva a termék prémium minőségére. A weboldal megnyitásakor a látogatónak az az érzése támad, mintha egy luxusüzletbe lépne be.

A kutatási fázisban felfedeztük, hogy ez nem csak a kerekekről szól, hanem arról is, hogyan "tuningolják" fel (upgrade) a felhasználó autóját. Ezért beépítettünk egy vizuális konfigurátort, ahol a vásárlók azonnal láthatják a választott szettet egy interaktív modellen.

Portfolio image 1
Portfolio image 2

A mobilra optimalizált webshop zökkenőmentes online élményt garantál kisebb képernyőkön is.

A tervezési folyamat során a legnagyobb kihívásunk az volt, hogy a webshop összes termékét elegendő információval jelenítsük meg anélkül, hogy túlterhelnénk a felhasználót. Ennek megoldására egy görgethető rácsot (scroll grid) implementáltunk, ahol a felhasználók összeállíthatják a kerék- és gumiszettjüket a járművük élethű modellje mellett.

Ennek eredményeként a felhasználók mobilon is ugyanazt az élményt kapják, mint asztali gépen. A kényelmesebb használat érdekében egy swipe (húzós) interakciót adtunk a termékrácshoz, ami természetesebb és szórakoztatóbb a felhasználók számára.

Portfolio image 1
Portfolio image 2

The team

Békés Nóra - Brand Identity Design

Békés Ágnes - Illustration, UI Design

Husi Bence - UX/UI Design, Webshop Fejlesztés, Projektmenedzsment

Van egy jó ötleted?

Nézzük meg, hogyan tudjuk ezt megvalósítani.

Beszéljünk
Branding és webshop fejlesztés egy prémium autós márkának | OS.labs