Umbraco Design

Skab et site dine besøgende vil finde attraktivt, opsigtsvækkende og engagerende.

Design

Vi udvikler et responsivt og æstetisk design til din Umbraco-platform med fokus på UI/UX-principper, branding og konverteringsoptimering. Vores Art Director og Content Creator kombinerer grafisk design, typografi og farveskemaer for at skabe en engagerende brugeroplevelse på tværs af enheder.

Branding

Vi sikrer, at dit Umbraco-site afspejler din corporate identity gennem tilpassede visuelle elementer, typografi og farvevalg. Vi designer et konsistent UI-kit, der styrker genkendeligheden og skaber en rød tråd på tværs af digitale platforme.

Wireframes

Vi opbygger funktionelle wireframes baseret på informationsarkitektur, brugeradfærd og konverteringsflows. Wireframes definerer layout, navigation og modulplacering uden distraktioner fra visuelle elementer, hvilket sikrer et datadrevet og brugervenligt design.

Brugerflow

Vi optimerer navigation og brugerrejser ved at analysere interaktionsmønstre, CTA-placering og konverteringsstier. Ved hjælp af bl.a. session tracking sikrer vi en logisk struktur, der reducerer friktion og forbedrer brugeroplevelsen.

User Experience Design (UX)

Vi skaber en intuitiv og konverteringsfokuseret UX, hvor touchpoints, interaktionsdesign og usability-tests minimerer friktion. Vores tilgang sikrer, at dit Umbraco-site er tilgængeligt, brugervenligt og optimeret til både desktop og mobile enheder.

User Interface Design (UI)

Vi designer en skalerbar og modulopbygget UI-løsning, hvor ikonografi, farvekontraster og typografi sikrer læsevenlighed og brugervenlighed. Vi implementerer designsystemer og komponentbiblioteker, der gør det nemt at vedligeholde og skalere dit site over tid.

Performance- optimering

Vi forbedrer sideindlæsningstider, caching-strategier og databaseforespørgsler ved at implementere lazy loading, image optimization (WebP), Azure CDN osv. Derudover analyserer vi serverrespons og asynkron scriptindlæsning for at sikre høj performance.

Support

Vi tilbyder løbende support og fejlretning med adgang til vores monitoreringssystemer, log-analyse og fejlhåndteringsprocedurer. Vi overvåger dit Umbraco-site via forskellige insights og Azure Monitor, så vi kan reagere proaktivt på potentielle problemer.

Mød dit Umbraco team

Morten Overgaard Mønsted

TECHNICAL PROJECT MANAGER

Bjarne Fyrstenborg

DEVELOPER OG UMBRACO MVP

Mathias Givskov Hansen

TECH LEAD

Jesper Ransborg

FRONT-END DEVELOPER

Leif Pedersen

DEVELOPER

Viktor Erlingsson

UMBRACO PRAKTIKANT

Din Certified Umbraco Gold Partner

Vi er din Certified Umbraco Gold Partner og Umbraco Commerce Partner. Og i vores Umbraco team finder du en mangeårig Umbraco MVP.

Med over 20 års erfaring forstår vi din forretning - og det gælder ikke kun den digitale del og muligheden for at bygge de custom integrationer, du mangler for at kunne afdække dine behov. Med specialister inden for både marketing, design og udvikling kan vi hjælpe dig med at få succes med hele din forretning.

Transporterhvervets Uddannelser x MCB

Transporterhvervets Uddannelser (TUR) har fået et helt nyt og moderne Umbraco Cloud site.

Transporterhvervets Uddannelser (TUR) fastsætter mål og rammer for arbejdsmarkedsuddannelse (AMU) og erhvervsuddannelse (EUD) og udvikler fremtidssikrede uddannelser til transportbranchen.

Virksomheden drømte om et nyt og opdateret Umbraco website med et moderne design og en øget brugervenlighed. Det daglige arbejde med sitet skulle gøres lettere internt og samtidig mere håndgribeligt for den række af arbejdsgiver- og arbejdstagerorganisationer, TUR repræsenterer.

I dag er TUR på en Umbraco Cloud løsning, som sikrer fleksibilitet.

Designprocessen i Umbraco

Umbraco tilbyder fuld fleksibilitet i designprocessen med real-time redigering, teamsamarbejde og integration med eksterne systemer. MCB sikrer, at dit website opbygges effektivt med en struktureret udviklingsproces, der kombinerer UX/UI-design, backend-integrationer og performanceoptimering.

Trin 1: Wireframing og designplanlægning

Vi starter med wireframes og prototype-design, hvor du får mulighed for at vælge layout, sidestruktur og funktionalitet. Umbraco understøtter modulbaseret design, hvilket gør det nemt at teste brugeroplevelsen på tværs af enheder.

Trin 2: Frontend-udvikling med UI-komponenter

MCB's udviklere opbygger en brugervenlig frontend med HTML, CSS og JavaScript-frameworks.

Vi implementerer Umbraco Forms til kontaktformularer og leadgenerering samt Google Tag Manager og Google Analytics til sporing og optimering.

Trin 3: Umbraco CMS-integration

Websitet integreres i Umbraco CMS, hvor vi opsætter hostede instanser, domænestyring og multisprog-funktioner.

Vi udnytter Umbraco Marketplace til integration af tredjepartsapps såsom e-commerce, personalisering og marketing automation.

Trin 4: Backend-udvikling og tilpasning

Vi udvikler en skræddersyet backend, der matcher dine forretningskrav.

Umbraco understøtter integrationer med Java, Python og .NET, hvilket gør det muligt at skabe avancerede workflows og API-forbindelser til eksterne systemer som ERP, CRM og PIM.

Trin 5: User Acceptance Testing (UAT)

Før lancering gennemfører vi UAT-tests, hvor vi validerer funktionalitet, sikkerhed og ydeevne på tværs af enheder, browsere og brugerscenarier. Eventuelle fejl rettes i samarbejde med vores Umbraco-specialister.

Trin 6: Deployment og drift

Når alt er testet og godkendt, implementeres løsningen med en struktureret go-live plan. Vi anbefaler Umbraco Git til versionskontrol, så du altid kan genskabe tidligere versioner.

Vi tilbyder desuden kontinuerlig monitorering, performanceoptimering og support, så din platform altid kører optimalt.

Branding med Umbraco skabeloner og temaer

Vores Umbraco-eksperter hjælper dig med at vælge den rette Umbraco-skabelon eller tema, som vi derefter tilpasser med custom Razor Views, grid layouts og CSS-styling. Vi kan foretage dynamiske tilpasninger i backend, så designet bliver skræddersyet og unikt til din platform.

For at sikre en stærk visuel identitet arbejder vi med farvekoder, vandmærker, typografi, logoer og ikoner, som implementeres direkte i Umbracos designbibliotek og stylesheets. Med globale branding-komponenter sikrer vi, at alle sider følger en konsekvent visuel linje, og at ændringer kan forhåndsvises og justeres i realtid uden at påvirke live-miljøet.

Skal vi hjælpe dig med dit Umbraco Design?

Udfyld formularen, så kontakter jeg dig hurtigst muligt.

CEO & Partner

Bo Hedegaard

bhk@mcb.dk

40 82 58 63

Book møde

Skal vi hjælpe dig med dit Umbraco Design?

Udfyld formularen, så kontakter jeg dig hurtigst muligt.

Ofte stillede spørgsmål til Umbraco design

Hvad er en Umbraco template?

Et Umbraco-template er en fil eller et sæt filer, der definerer udseendet og layoutet på dine Umbraco sider. Det fungerer som den struktur, der styrer præsentationen af indholdet på webstedet. Et Umbraco-template er normalt skrevet i HTML og kan også indeholde CSS og JavaScript-kode. Det kan indeholde statisk indhold, såsom header, footer, sidebjælker osv., samt dynamisk indhold, der hentes fra Umbraco CMS ved hjælp af Umbraco-razor-syntaks.

Umbraco-razor-syntaks er en kombination af C#-kode og HTML, der giver mulighed for at hente og vise dynamisk indhold fra Umbraco CMS. Det gør det muligt at integrere indholdselementer, såsom overskrifter, billeder, tekstblokke osv. i template-filen baseret på indholdet oprettet i Umbraco-backoffice.

Når en side oprettes i Umbraco CMS, tilknyttes den en specifik template. Når siden vises i browseren, anvendes template-filen til at generere HTML-koden og præsentere indholdet på den ønskede måde.

Hvordan bygges en Umbraco template?

For at opbygge et Umbraco-template skal du først oprette en overordnet layoutfil med HTML og CSS, der definerer strukturen for dine websider. Derefter opretter du individuelle filer til hver side med det specifikke indhold og formatering.

Du tildeler din side den rigtige template ved at konfigurere dokumenttyper og skabeloner i Umbraco CMS. Og du kan tilpasse CSS og styling for at give din template den ønskede visuelle appel.

Endelig implementerer du din template ved at uploade filer og konfigurationer til din Umbraco-installation.

Hvad er Umbraco themes?

Der er en bred vifte af Umbraco-temaer tilgængelige - både gratis og kommercielle, der passer til forskellige designstilarter og formål. Temaer kan tilpasses yderligere for at matche specifikke krav og branding af en organisation eller et websted. Nogle Umbraco-temaer kan også indeholde ekstra funktionalitet eller integreres med andre værktøjer og plugins.

Umbraco-temaer kan installeres og administreres gennem Umbraco's administrationssnitflade. Her kan du uploade og anvende et tema på dit websted samt foretage tilpasninger og ændringer i temaets indstillinger og konfiguration.

Ved at bruge Umbraco-temaer kan du give dit Umbraco-websted et professionelt og visuelt tiltalende udseende uden at skulle bygge alt fra bunden. Det sparer tid og ressourcer og giver dig mulighed for at fokusere på at skabe indhold og funktionalitet til dit websted.

Kan jeg bruge mit eget design i Umbraco?

Ja! Umbraco er et fleksibelt CMS, hvor du kan bygge et custom design fra bunden eller bruge et eksisterende HTML/CSS-layout og integrere det i Umbraco via templates og views (Razor).

Hvordan gør jeg mit Umbraco-site mobilvenligt?

For at sikre en god mobiloplevelse kan du bruge et responsivt CSS-framework. Det er også vigtigt at optimere billeder, implementere lazy loading og teste siden for at identificere eventuelle mobile performance-udfordringer.

Kan jeg lave en one-page scrolling hjemmeside i Umbraco?

Ja, det er muligt at lave en one-page scrolling hjemmeside i Umbraco. Du kan oprette en single-page template, lave en navigation baseret på ankerlinks og hente indhold dynamisk ind uden at genindlæse hele siden.

Hvordan håndterer jeg flere designs på samme Umbraco-site?

Hvis du har brug for flere forskellige designs på samme Umbraco-site, kan du arbejde med flere templates og document types. Du kan også bruge nested content eller block grid editor til at skabe fleksible layouts. Hvis du administrerer flere brands eller domæner, kan du opsætte multisite-funktionalitet direkte i Umbraco.

Vi er altid klar til at
rådgive dig!

Umbraco Design

Vi samler på glade samarbejdspartnere