whiskyology - mediadesign 2014 (neo interactive)

13
Összefoglaló A Whiskyology.com portál fő célcsoportja a 35+ A státuszú férfiak. A célcsoportnál azon- ban javarészt nem a lokális, magyar piacra kell gondolnunk, hanem több régiót lefedő, nemzetközi célcsoportra. A megvalósítás során a fő vezérelv az volt, hogy létrehozzunk a megrendelő számára egy olyan nemzetközi online magazint, melyben a Pernod Ricard márkái minőségi tartalom- ként tudnak megjelenni, ezen keresztül is támogatva a márkaismertség építése mellett a relevanciaépítést és értékesítést. Egy olyan oldal létrehozása volt a cél, mely erősíti a Pernod Ricard márkák kapcsolatát a minőségi whiskyfogyasztással. A Whiskyology.com portál megvalósítása során a fő technológia, amit alkalmaztunk, a reszponzív webdizájn volt. A mellett, hogy a fent említett technológia modern és a mai weboldalaknál trendnek is tekinthető, fontos szempont volt az alkalmazása során az is, hogy a Whiskyology.com egy több piac számára is elérhető, ezeken lokális tartalmakat is megjelenítő oldal, és a csatlakozott országok közt számos olyan van, ahol az elsődleges tartalomfogyasztási eszköz nem az asztali számítógép vagy a laptop, hanem a táblagép és az okostelefon.

Upload: neo-interactive

Post on 18-Jul-2015

203 views

Category:

Design


5 download

TRANSCRIPT

Page 1: Whiskyology - Mediadesign 2014 (Neo interactive)

ÖsszefoglalóA Whiskyology.com portál fő célcsoportja a 35+ A státuszú férfiak. A célcsoportnál azon-ban javarészt nem a lokális, magyar piacra kell gondolnunk, hanem több régiót lefedő,nemzetközi célcsoportra.

A megvalósítás során a fő vezérelv az volt, hogy létrehozzunk a megrendelő számára egy olyan nemzetközi online magazint, melyben a Pernod Ricard márkái minőségi tartalom-ként tudnak megjelenni, ezen keresztül is támogatva a márkaismertség építése mellett a relevanciaépítést és értékesítést. Egy olyan oldal létrehozása volt a cél, mely erősíti a Pernod Ricard márkák kapcsolatát a minőségi whiskyfogyasztással.

A Whiskyology.com portál megvalósítása során a fő technológia, amit alkalmaztunk, a reszponzív webdizájn volt. A mellett, hogy a fent említett technológia modern és a mai weboldalaknál trendnek is tekinthető, fontos szempont volt az alkalmazása során az is, hogy a Whiskyology.com egy több piac számára is elérhető, ezeken lokális tartalmakat is megjelenítő oldal, és a csatlakozott országok közt számos olyan van, ahol az elsődleges tartalomfogyasztási eszköz nem az asztali számítógép vagy a laptop, hanem a táblagép és az okostelefon.

Page 2: Whiskyology - Mediadesign 2014 (Neo interactive)

2014 év elején a Pernod Ricard egy nemzetközi tendert írt ki olyan whisky portál fejlesztésére, mely képes több piacot, régiót lefedve több nyelven is elérhetően egységesített tartalommal képviselni olyan nagy márkákat, mint a The Glenlivet, Bal-lantine’s, Chivas, 100 Pipers.Az európai régió számos országából meghívott ügynökségek közül a végső londo-ni döntőbizottság a Neo Interactive-ot választotta ki, mint tendergyőztest. Ezek után vágtunk bele egy több hónapot átívelő tervezési és kivitelezési folyamatba, melynek a végeredményeként megszületett a whiskyology.com portál.

Lévén a Whiskyology egy önálló márkaként kíván megjelenni a digitális térben, első lépésként a márka alap arculatát készítettük el.

Page 3: Whiskyology - Mediadesign 2014 (Neo interactive)

A weboldal vizuális tervezése során elsődleges szempontunk egy oly-an dizájn kialakítása volt, mely tekintettel van a multinacionalitásra és multilingualitásra is. Az oldal tartalma az angol mellett magyar, lengyel, bolgár, cseh, zzerb, román, szlovák, illetve horvát nyelven érhető el. Az oldalstruktúra és felhasználói felület kialakításakor, az eltérő kultúrájú és más-más tartalomfogyasztási szokásokkal rendelkező piacokra alkal-mazkodni képes egységes felület tervezése igazi kihívás volt.

Az előzetes oldaltervek finomítása során a Metro UI alapjaiból gyökerező felhasználói felület tervezése mellett döntöttünk, így kialakítva egy olyan vizuális és tartalmi keretrendszert, mely képes alkalmazkodni a fenti kívánalmak mellett a jövőbeni strukturális és tartalmi bővítés le-hetőségéhez is.

Page 4: Whiskyology - Mediadesign 2014 (Neo interactive)
Page 5: Whiskyology - Mediadesign 2014 (Neo interactive)

A weboldal fő navigációs eleme a Megadropdown menü, mely áttekinthetően képes szegmentálni a nagyobb mennyiségű főmenü tartalmat, ugyanakkor a fel-használóbarátság mellett a tartalomra is tekintettel van. Hisz a főmenü bármikor egy kattintással bezárható, így nem veszi el a teret a hasznos tartalomtól.

Page 6: Whiskyology - Mediadesign 2014 (Neo interactive)

A weboldal tartalma 3 fő egységre oszlik. A központi tartalom minden régióban elérhető az országnak megfelelő nyelven. A prémium tartalmak szintén minden országban elérhetőek, azonban azokban régiónként eltérés lehetséges a helyi jogi szabályozások végett. A lokális tartalom minden országban egyedi.

Ezeket a tartalmi egységeket eltérő színkódokkal jelöljük, így a felhasználó számára egyértelműen beazonosítható, mikor milyen típusú tartalmat fogyaszt.

Page 7: Whiskyology - Mediadesign 2014 (Neo interactive)

A Google Maps alapokon működő boltkereső egyedi skint kapott a Whiskyology ar-culatnak megfelelő ikonokkal, jelölőkkel.

Page 8: Whiskyology - Mediadesign 2014 (Neo interactive)

A nagyméretű háttérkép szürkeárnyalatos tónusai kiemelik az oldal tartalmi egységeit, ugyanakkor ízléses textúrát adnak, ezáltal a minimalista “flat design” nem hat unalmasnak. A tervezés során fontos szerepet kapott a képi elemek és a szöveg-es tartalmak megfelelő arányban történő elosztása, így az informativitás mellett sikerült megtartanunk egyfajta színes magazin érzetet is.

Célunk egy olyan oldal létrehozása volt, melynek látogatása során a felhasználóknak a hasznos információszerzésen túl, vizuális élményt is nyújtunk.

Page 9: Whiskyology - Mediadesign 2014 (Neo interactive)

Alkalmazkodva a mai kor követelményeihez a teljes Whiskyology portál reszponzív technológiával készült. Ez azonban nem önkényes döntés volt, hanem annak következménye, hogy számos csat-lakozott régióban az elsődleges internetes tartalomfogyasztási eszköz nem az asztali számítógép, vagy a laptop, hanem a táblagép és az okostelefon.

De nem csak a dizájn megalkotása során vettük figyelembe ezt a tényt. A weboldal frontendprogramozása is annak fényében történt, hogy a felhasználók számára az oldal letöltése ne járjon magas adatforgalommal, így a megjelenő képek a mobil nézetben arra optimalizálva jelennek meg.

Page 10: Whiskyology - Mediadesign 2014 (Neo interactive)
Page 11: Whiskyology - Mediadesign 2014 (Neo interactive)

A Whiskyology.com oldal tervezése során minden ikon megtervezésekor elsődleges célunk a fel-használó segítése volt, és az informatív, illetve navigációs elemeket csak a megfelelő mértékben redukáltuk ikonokká. Célunk a fogyasztható dizájn mellett a felhasználóbarátság megtartása, a navigációs elemek gyors beazonosíthatósága volt.

Page 12: Whiskyology - Mediadesign 2014 (Neo interactive)
Page 13: Whiskyology - Mediadesign 2014 (Neo interactive)

www.whiskyology.com