Crazy-Bunny: znamka s temno in svetlo stranjo

Spletna stran za znamko športne prehrane in streetweara, ki ima dve popolni podobi: neonsko nočno mesto in sončno betonsko steno. Obiskovalec med njima preklopi z enim klikom.

Spletna stran po meri
Temna in svetla tema
Ilustrirane scene
Animacije in motion grafika
Katalog izdelkov
Lookbook in videi

Obiščite stran

Domača stran Crazy-Bunny v temni temi: ilustriran zajec s kapuco pred neonskim nočnim mestom in naslov »Not basic. Never boring.«

Živa stran: crazy-bunny.com
Objava: 2026
Obseg: Dve popolni temi · Ilustrirane scene · Animacije in motion grafika · Katalog v treh skupinah · Izbira barve izdelka · Lookbook in videi

Povezana storitev: Izdelava spletnih strani

Želim podoben projekt

Izziv

Crazy-Bunny prodaja športno prehrano in oblačila z ulično, grafitarsko podobo. Njihovo geslo »Not basic. Never boring.« je bilo hkrati naročilo: stran, ki je videti kot vse druge spletne trgovine s proteini, ne pride v poštev.

Znamka je želela dve plati. Temna naj bo noč v mestu z neonskimi lučmi, svetla dan na ulici s soncem, palmami in packami barve. Ne gre za temni način, ki samo obrne barve: vsaka plat ima svoje ilustracije, svoje ozadje in svoj značaj, obe pa morata ostati berljivi in enako uporabni.

Projekt je bil od prvega dne vse prej kot dolgočasen. Vsaka ideja je imela dve plati, vsak detajl je moral delovati podnevi in ponoči, vsaka animacija pa je morala stran poživiti, ne zmesti. Sledilo je veliko poskušanja in brušenja, dokler stran ni bila točno takšna kot znamka: glasna, drzna in še vedno pregledna.

Cilj: Da obiskovalec takoj začuti, da je prišel v svet Crazy-Bunny, izbere svojo plat in brez iskanja pride do prehrane, oblačil ali dodatkov.

Rešitev

Zgradili smo dve celotni predlogi. Svetla tema je samostojna plast slogov nad temno, zato vsak gumb, kartica in obrazec obstaja v obeh izvedbah. Preklop »Dark Side / Light Side« je v glavi strani in deluje tudi brez JavaScripta, ker ga obdela strežnik.

Domača stran, izdelki, zgodba znamke in lookbook imajo vsak svojo ilustrirano sceno čez celoten zaslon, z isto kompozicijo v nočni in dnevni različici. Scena se spodaj konča s strganim robom, pod njim se stran nadaljuje.

Ilustracije, fotografije izdelkov in videi znamke so povezani v en svet. Vsaka scena, prehod in gib nadaljuje isto zgodbo, od prvega zaslona do lookbooka in strani z videi.

Gibanje je del značaja znamke: izdelki rahlo lebdijo in se ob prikazu z nagibom zapeljejo na svoje mesto, za njimi utripa barvna avra, čez stran teče trak z napisi, po prijavi na novice pa se v pojavnem oknu pred žarki zahvali poskakujoč zajec. Kdor ima v napravi vklopljeno zmanjšano gibanje, dobi umirjeno različico.

Kaj vključuje stran

Dve popolni temi
Dark Side in Light Side z ločenimi ilustracijami in barvami, ne samo z obrnjenimi barvami. Preklop deluje tudi brez JavaScripta.
Ilustrirane scene
Štiri glavne strani imajo vsaka svojo sceno čez cel zaslon v nočni in dnevni različici, s strganim robom na dnu.
Animacije in motion grafika
Gibanje daje strani utrip: lebdeči izdelki z utripajočo avro, tekoči trak z napisi in poskakujoč zajec, ki se zahvali po prijavi na novice. Upošteva nastavitev zmanjšanega gibanja.
Katalog v treh skupinah
15 izdelkov: športna prehrana (od whey proteina do Beast Pack), oblačila (majice, polo, jopica) in dodatki (shaker, vreča za boks, obesek).
Izbira barve izdelka
Ko obiskovalec izbere barvo oblačila, galerija pokaže samo slike te barve in njen opis.
Lookbook in videi
Ločeni strani za fotografije oblačil v akciji in za video vsebine znamke.

Rezultat

Crazy-Bunny ima stran, ki je ni mogoče zamenjati s katalogom katere koli druge znamke športne prehrane. Obiskovalec si sam izbere, ali bo gledal nočno ali dnevno plat, vsebina in izdelki pa ostanejo isti in enako dostopni.

Stran je zaenkrat v angleščini in služi kot katalog z zgodbo znamke; izdelkov se na njej ne kupuje prek spletne košarice.

2celotni temi: Dark in Light Side
4ilustrirane scene v dveh različicah
15izdelkov v katalogu

Ista domača stran Crazy-Bunny v svetli temi: zajec pred sončno betonsko steno s palmami in packami barve — **Svetla stran** sončna stena, palme in packe barve

Pogosta vprašanja

Več vprašanj in kontaktni obrazec na strani povpraševanje.

Kaj je Crazy-Bunny?

Blagovna znamka športne prehrane in oblačil z ulično podobo. V katalogu ima 15 izdelkov: prehrano (whey protein, kreatin, pre-workout, Cream of Rice, SOS Pack, Beast Pack), majice, polo majico, jopico in dodatke.

Kako deluje preklop med temno in svetlo stranjo?

V glavi strani je gumb »Dark Side / Light Side«. Ob preklopu se zamenjajo barve in ilustracije vseh glavnih scen. Preklop obdela strežnik, zato deluje tudi, če JavaScript ni naložen.

Kaj je GE-KO naredil?

Spletno stran po meri z dvema celotnima temama, ilustriranimi scenami v nočni in dnevni različici, animacijami, katalogom izdelkov z izbiro barve, lookbookom in stranjo z videi. Izdelava spletnih strani