Un­se­re neue Web­site: Mo­dern, struk­tu­riert und be­nut­zer­freund­lich

Nach in­ten­si­ver Kon­zep­ti­ons- und Ent­wick­lungs­zeit prä­sen­tie­ren wir: Un­ser neu­es di­gi­ta­les Zu­hau­se.

Mit der Neu­ge­stal­tung un­se­rer Web­site schla­gen wir nicht nur op­tisch ein neu­es Ka­pi­tel auf – wir ha­ben Struk­tur, Nut­zer­freund­lich­keit und Per­for­mance grund­le­gend op­ti­miert, um ein noch kla­re­res und ef­fi­zi­en­te­res Nut­zungs­er­leb­nis zu bie­ten.

In den ver­gan­ge­nen Mo­na­ten ha­ben wir in­ten­siv an un­se­rer neu­en Web­site ge­ar­bei­tet, um sie an un­ser ak­tua­li­sier­tes Er­schei­nungs­bild an­zu­pas­sen. Un­ser neu­es De­sign wur­de von un­se­ren Part­nern, den FRIENDS, ent­wi­ckelt und ist be­reits seit ei­ni­ger Zeit auf un­se­ren So­cial-Me­dia-Ka­nä­len zu se­hen. Nun er­strahlt auch un­se­re Web­site in ih­rem neu­en Look!

Das Kon­zept hin­ter un­se­rem neu­en Look: Ato­mic De­sign

Die Ba­sis un­se­res Web­site-Re­launchs bil­det das Prin­zip des Ato­mic De­signs – ein mo­der­nes De­sign­sys­tem, das auf Wie­der­ver­wend­bar­keit, Ska­lier­bar­keit und Kon­sis­tenz aus­ge­legt ist. Von kleins­ten Ele­men­ten wie But­tons und Icons bis hin zu kom­ple­xen Lay­outs ent­steht eine di­gi­ta­le In­fra­struk­tur, die sich fle­xi­bel wei­ter­ent­wi­ckeln lässt. Die­ser mo­du­la­re Auf­bau ge­währ­leis­tet eine kon­sis­ten­te und ska­lier­ba­re Be­nut­zer­flä­che.

Das be­deu­tet: schnel­le­re La­de­zei­ten, eine kon­sis­ten­te User-Ex­pe­ri­ence und eine ein­fa­che­re Er­wei­ter­bar­keit – ganz im Sin­ne ei­ner nach­hal­ti­gen di­gi­ta­len Ar­chi­tek­tur.

Im Rah­men des Kon­zepts ha­ben wir uns be­wusst für Ato­mic De­sign ent­schie­den. Mit Ato­mic De­sign ha­ben wir ein De­sign­sys­tem auf­ge­setzt, das mo­du­lar und ska­lier­ter ist. Die kleins­ten Bau­stei­ne – But­tons, Icons, Far­ben und Ty­po­gra­fie – bil­den das Fun­da­ment un­se­rer neu­en Web­site. Aus die­sen Ele­men­ten wer­den kom­ple­xe­re Kom­po­nen­ten wie Na­vi­ga­ti­ons­leis­ten ge­stal­tet, die wie­der­um als Grund­struk­tu­ren für gan­ze Sei­ten die­nen. So ent­steht ein Sys­tem, das sich nicht nur ef­fi­zi­ent wei­ter­ent­wi­ckeln lässt, son­dern auch eine kla­re, kon­sis­ten­te De­sign­spra­che si­cher­stellt.

Mi­kro­ani­ma­tio­nen für ein dy­na­mi­sches Nut­zer­er­leb­nis

Ge­ziel­te Mi­kro­ani­ma­tio­nen ma­chen un­se­re neue Web­site le­ben­dig – ohne da­bei auf­dring­lich zu wir­ken. Sie füh­ren Nutzer:innen in­tui­tiv durch In­hal­te, bie­ten vi­su­el­les Feed­back und schaf­fen greif­ba­re In­ter­ak­tio­nen. Das Er­geb­nis ist ein dy­na­mi­sches, auf­ge­räum­tes Nut­zungs­er­leb­nis, das Ori­en­tie­rung schafft und gleich­zei­tig vi­su­ell über­zeugt.

An aus­ge­wähl­ten Stel­len un­se­rer Web­site ha­ben wir Mi­kro­ani­ma­tio­nen in­te­griert. Die­se lo­ckern die sta­ti­sche Dar­stel­lung von In­for­ma­tio­nen ge­zielt auf, ohne vom In­halt ab­zu­len­ken. Gleich­zei­tig bie­ten sie wert­vol­les Feed­back dar­über, mit wel­chen Ele­men­ten der Be­nut­zer in­ter­agie­ren kann – ein sub­ti­ler, aber wir­kungs­vol­ler Bei­trag zur User Ex­pe­ri­ence.

Kla­re In­for­ma­ti­ons­ar­chi­tek­tur für op­ti­ma­le Zu­gäng­lich­keit

Un­se­re neue In­for­ma­ti­ons­ar­chi­tek­tur folgt dem Prin­zip: fla­che Hier­ar­chie mit mi­ni­ma­ler Ver­schach­te­lung. Die lo­gisch grup­pier­ten In­hal­te und durch­dach­ten Na­vi­ga­ti­ons­pfa­de sor­gen da­für, dass man schnel­ler fin­det, wo­nach man sucht – ob Leis­tun­gen, An­sprech­part­ner oder In­spi­ra­ti­on.

Wir bei Be­ta­mo­dus glau­ben dar­an, dass gu­tes De­sign kein Selbst­zweck ist, son­dern ein Werk­zeug, um Kom­ple­xi­tät zu re­du­zie­ren und Klar­heit zu schaf­fen. Un­se­re neue Web­site ist Aus­druck die­ser Über­zeu­gung.

Ent­de­cken Sie selbst, wie wir Stra­te­gie, De­sign und Tech­no­lo­gie mit­ein­an­der ver­bin­den – und wel­chen Mehr­wert das für Ihre nächs­te di­gi­ta­le Kam­pa­gne bie­ten kann.