Casestudie

Fra webdesign i XD til løsning i Umbraco

BRØLSTÆRK gennemgik en omfattende transformation med en ny visuel identitet skabt i samarbejde med designbureauet Vokseværk. På baggrund af denne identitet designede jeg deres nye hjemmeside i Adobe XD, med fokus på at skabe en unik og sammenhængende digital oplevelse for BRØLSTÆRK.

Farve- og typografivalg fulgte nøje de nye designguidelines, og den karakteristiske supergrafik blev integreret i designet. Skrå bokse med gradienter blev kombineret med billedsektioner for at skabe et dynamisk og moderne udtryk, der afspejler BRØLSTÆRKs nye visuelle retning.

Efter godkendelse af designmockups blev hjemmesiden bygget fra bunden med HTML, CSS og JavaScript og optimeret til at være fuldt responsiv. Derefter opsatte jeg en Umbraco-løsning, hvor indholdet blev importeret og koblet til CMS'et. Hver sektion blev opbygget som makroer, hvilket giver BRØLSTÆRK frihed til at tilpasse hjemmesidens struktur ved at ændre rækkefølge, tekst og billeder i de enkelte sektioner. Resultatet er en fleksibel og brugervenlig løsning, der sikrer, at BRØLSTÆRK kan vedligeholde deres hjemmeside og holde den relevant over tid.

Broelstaerk.dk trending_flat

Min rolle

Webdesign
Responsiv webside
Umbraco CMS

Apps & teknologier

Adobe XD
Visual Studio Code
HTML5, CSS3 & JS
Umbraco

Kunde

BRØLSTÆRK

Lavet i

2021
BRØLSTÆRK webside screenshots BRØLSTÆRK Adobe XD mockup overview BRØLSTÆRK webside screenshot

Kundens bemærkning

"Simon har designet og udviklet vores nye hjemmeside med udgangspunkt i vores nye visuelle identitet. Han har formået at inkorporere samt bygge videre på vores identitet og har dermed udarbejdet en unik og personlig hjemmeside til os. Simon er en kreativ, pålidelig og ansvarsbevidst samarbejdspartner, og vi er yderst tilfredse med både resultatet og processen. Vi anbefaler derfor Simon som samarbejdspartner, og vi kommer til at bruge Simons kompetencer igen i fremtiden."

Gitte Hansen
HR Konsulent, BRØLSTÆRK

Vil du se mere?

Se næste projekt om Valify trending_flat