magyar steampunk webdesign példa

Egy steampunk példa - a Sörárium Szolnokon

Pedig a sörfőző gépek kinézetéhez, a sörfőzés múltjához, és a sörfogyasztási kultúrához tökéletesen illik ez a karakteres, markáns stílus. A képekre kattintva kinagyíthatod őket, hogy meg tudd figyelni a részleteket.



A weboldal

Minden apró részlet magán viseli a steampunk stílusjegyeket. Már az oldal betöltését is forgó fogaskerekek jelzik. Nem tudom, mennyi idő alatt lehetett felkutatni ezt a zseniálisan ideillő fontot: Octant a címekben és Sentinel a folyó szövegben.







Az erősen karakteres oldalaknál gyakran elkövetik azt a hibát, hogy a tartalomhoz tartozó képekkel együtt már kaotikus lesz az összhatás. Itt ezt is sikerült elkerülni. A Mi a Sörárium? parallax oldalon minden fotó egy bizonyos színskálából épül fel, aminek a rózsa-arany és a barnás árnyalatok adják az alapját. Figyeld meg a jobb oldalon a grafikus fogaskerekeket, innen látod, hol tartasz az oldalon.







Nagyon jól illik az egész koncepcióhoz, hogy az egér mozgatásra finoman mozdulnak a szerkezetek és a kisebb grafikai elemek. Nagy kedvencem, hogy a karikatúrákra kattintva egy ál-levelezés keretében tudhatunk meg érdekes híreket a Söráriumról.







Szórólapok és év végi kiadványok

Az alkotók engedélyével teszek közzé néhányat a Sörárium év végéhez kapcsolódó kiadványai, szórólapjai és hirdetései közül. A munkákat a honlap kivételével Avar Vanda készítette a MarketingJam megbízásából. Történetesen Vanda éppen a Startvonal Webdesign Tanfolyam hallgatója :) Ha Szolnokon jártok, mindenképpen térjetek be a Söráriumba.






A steampunk és a western stílusról ebben a blogbejegyzésben is olvashatsz.

Share this post

Hozzászólások (1)

  • anon

    Ez egy nagyon igényesen megszerkesztett weblap. Szinte minden részleten látszik az igényesség. A felhasznált tárgyak mindegyike illik a stílushoz. A fotók élesek (ott ahol kell mosottak), a tükröződések hibátlanok.
    Egyszóval Remek!

    feb 15, 2019

Leave a comment

(If you're a human, don't change the following field)
Keresztnév.
(If you're a human, don't change the following field)
Keresztnév.
(If you're a human, don't change the following field)
Keresztnév.

Filtered HTML

  • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
  • Engedélyezett HTML jelölők: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.

Plain text

  • A HTML jelölők használata nem megengedett.
  • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.
CAPTCHA
Bizonyítsd be, hogy nem vagy robot!
1 + 12 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.