Udfordring: En hjemmeside med fokus på, at informere dyreadoptanter om dyr der er klar til bortadoption, information om adoptionsprocessen, adfærdstræning, pensionsophold samt det gode match mellem hund og ejer.
Sejr og Davidsens Dyrepension og Internat
Custom WordPress Theme
Casebeskrivelse
Løsning: Et nyt WordPress tema specifikt designet til virksomhedens behov.
Research
Content Sitemap
På baggrund af casebeskrivelse, kravspecifikation og case research, udarbejdede vi et content sitemap over det indhold der skulle indgå på den nye hjemmeside. Vi udarbejdede også en plan for navigation og wayfinding på siden.
Øvrig analyse
Som en del af de indledende processer overvejede vi hvilken data der var behov for til databasen. Dette blev noteret i et ERD diagram, hvor de anvendte attributter og entiteter er markeret med grøn farve.
Design
Wireframes
Vi udarbejdede wireframes med udgangspunkt i desktopversion til 1920px skærmbredte. Til oversigten over hunde implementerede vi en filtrerings funktion, for at hjælpe brugeren med at finde frem til det ønskede indhold. Herudover udarbejdede vi en side til den enkelte hund, som Sejr og Davidsen har oprettet i deres system. For at informere besøgende om hunden, dens temperament og racebeskrivelse tilføjes en sektion med information herom samt en visuel graf over hundens behov. På forsiden prioriteres der en nyhedssektion for at gøre indholdet tilgængeligt for besøgende der lander på forsiden og søger viden indenfor området.
Mock-up
Der blev herefter udarbejdet high-fidelty mock-ups i Adobe XD.
Create
Produktion af løsningen
Prototypen kodes med HTML, CSS, JavaScript og PHP. Data oprettes i WordPress. Vi anvender desuden Github til versionsstyring og til at samarbejde på tværs i teamet.
I WordPress installerer vi ACF som plug-in til at oprette Field Groups der er relevante for virksomheden. Vi opretter 4 Fieldgroups, hhv. en til nyheds artikler, en til racebeskrivelser, en til hunde, og en til at oprette unikke herobanner sektioner på hjemmesidens sider. Til de enkelte Field Groups oprettes vejledende beskrivelser og placeholder eksempler for at støtte redaktørerne i at indsætte det relevante indhold. I WordPress oprettes flere custom-posttypes der muliggør at indsætte de forskellige data på en struktureret og overskuelig måde. Dataen hentes i PHP vha. Custom Queries (Se eksempel i nedenstående kode eksempel)
Det færdige produkt
Gå til hjemmesiden hér
Nysgerrig efter at se mine andre cases?
Så gå tilbage til portfolio oversigten ved at klikke på nedenstående knap.
Portfolio oversigt