Viborg Kampsport
Umbraco-website med fleksibelt content setup og specialudviklede komponenter
Baggrund
Viborg Kampsport er en klub med mange forskellige hold, målgrupper og aktiviteter. Det stiller krav til et website, der både kan håndtere en varieret indholdsstruktur og samtidig være nemt at vedligeholde.
Diviso har gennem tiden udviklet flere websites for Viborg Kampsport – alle baseret på Umbraco. Det nuværende site bygger videre på denne erfaring og kombinerer standardfunktionalitet med en række specialudviklede komponenter.
Løsningen
Websitet er bygget på Divisos Umbraco-standard. Det betyder, at løsningen indeholder en række gennemprøvede komponenter og et fleksibelt content setup, som redaktørerne kan arbejde direkte i.
Indholdet struktureres via et blockgrid, hvor man vælger en kolonneinddeling og derefter indsætter komponenter. Det giver en ensartet opbygning på tværs af sider, samtidig med at der er frihed i den konkrete sammensætning af indhold. Løsningen understøtter Bootstrap, så layoutet automatisk tilpasser sig mindre skærme, hvor kolonnerne stackes.
Medarbejderkomponent
Instruktører spiller en central rolle på sitet. Derfor er der anvendt en medarbejder-komponent fra standarden, som er bygget til at håndtere personer centralt.
Hver person oprettes med billede, navn, titel, kontaktinformation og beskrivelse. Indholdet kan derefter genbruges på tværs af sider, hvilket gør vedligeholdelsen enkel og sikrer konsistens.
Navigation
Navigationen er opbygget med nedarvning. Menuen defineres som udgangspunkt på forsiden og bruges automatisk på undersider.
Der er mulighed for at definere en lokal menu på en underside. I så fald vil underliggende sider anvende denne. Menupunkter oprettes via en linkpicker, hvor der kan vælges mellem interne sider, eksterne links eller dokumenter fra mediebiblioteket.
Ugeplan
Som en central del af løsningen er der udviklet en ugeplan, der samler klubbens træninger.
Hvert item i ugeplanen indeholder oplysninger om ugedag, titel, målgruppe, sportsgren, instruktører og link.
Træningerne kan filtreres på tværs af disse parametre, så brugeren hurtigt kan finde relevante hold.
Overbliksside
Der er udviklet to pagetyper, som adskiller sig fra standardopsætningen.
Den ene specialpagetype er opbygget som en visuel indgang til sitets indhold. Siden består af større billedbaserede elementer, der fungerer som links til undersider.
Formålet er at give en mere intuitiv og visuelt orienteret navigation, hvor brugeren i højere grad guider sig selv via indhold og billeder frem for klassiske menustrukturer.
Ved hover reagerer elementerne ved at blive større, hvilket skaber en tydelig feedback og gør interaktionen mere levende.
Pagetypen bruges til at samle centrale indgange til sitet i en mere visuel struktur end den traditionelle navigation.
Vertikal scroll med parallax
Den anden specialpagetype tager udgangspunkt i en mere fortløbende fortælling, hvor indholdet præsenteres i sektioner, som brugeren scroller igennem.
Siden benytter parallax scrolling, hvor forgrund og baggrund bevæger sig med forskellig hastighed. Det giver en oplevelse af dybde og skaber et mere dynamisk flow gennem indholdet.
Derudover er der implementeret en progressbar, som viser hvor langt brugeren er på siden. Den fungerer samtidig som navigation, så man hurtigt kan hoppe mellem de enkelte sektioner.
Det gør pagetypen velegnet til længere indhold, hvor der er behov for både overblik og fremdrift.
Skal vi give dig et
Uforpligtende tilbud?
Vi er sikre på, at vi kan hjælpe dig. Tag kontakt til os og hør, hvordan vi sammen kan få dig i mål med dit projekt.