Alles over
Hunnekens Erdbau
DE OPDRACHT
Dit is de eerste klant case die ik gekregen heb vanuit stage. De klant kwam bij ons binnen en wilde graag een nieuwe website, de huidige website is namelijk gehackt. Hij wilde graag zijn huidige website namaken en beter laten maken waar nodig.
DE WERKWIJZE
Mijn stagebegeleidster heeft een gesprek gevoerd met de klant (intake). Na dit gesprek is akkoord gegeven door de klant en hebben we een document gestuurd met hierin een aantal vragen. Aan de hand van deze vragen kunnen wij dan kijken wat er moet gebeuren en wat de eisen zijn van de klant. Deze eisen heb ik ook verwerkt in een MoSCoW, deze vind je iets verder op de pagina. Nadat de klant alles had ingevuld ben ik aan de slag gegaan met het design, ik heb in eerste instantie de oude website nagemaakt en vervolgens aangepast of behouden waar nodig.
HET DESIGN
Ik ben aan de slag gegaan met het maken van het design. Ik heb in eerste instantie het oude design nagemaakt en vervolgens gekeken wat er beter kon en wat ik graag wilde behouden. Zo heb ik bijvoorbeeld het menu het zelfde gehouden en heb ik het stukje 'projekte und bilder' aangepast naar een frissere uitstraling. Nadat ik het design klaar had heb ik dit doorlopen met de designer, hebben we de puntjes op de i gezet en hebben we het vervolgens naar de klant gemaild en een meeting ingepland
BESPREKEN / FEEDBACK
Nadat de klant het design bekeken heeft zijn we samen gaan zitten en hebben we het design doorlopen. Tijdens deze meeting heeft de klant aangekaart wat goed was en wat hij graag anders wilde zien. Zo zijn we bijvoorbeeld tot de conclusie gekomen dat er geen blogs meer worden geplaatst op de website, maar dat we de facebook feed gaan inladen. Verder hebben we nog besproken wat wij nodig hebben om door te kunnen, denk aan afbeeldingen, logo en teksten.
HET BOUWEN
Na de meeting ben ik aan de slag gegaan met het bouwen van de website. De home pagina heb ik samen gedaan met de web developer binnen ons team. Tijdens het bouwen hebben we gewerkt met de code talen CSS en JavaScript. De CSS hebben we gebruikt voor de styling van bepaalde elementen, denk hierbij aan de knoppen en de hover op de afbeeldingen. Het gedeelte JavaScript hebben we gebruikt voor een slider. De code zelf heeft u kunnen zien bij het project overzicht, maar als u op de knop hier beneden klikt kunt u het nog eens zien.
MoSCoW
In deze MoSCoW bevinden zich punten die in de website moeten komen, deze punten zijn door middel van de MoSCoW methode opgesteld in prioritering. Zo is alles onder het tabje 'Must' iets wat er echt in moet komen, alles onder het tabje 'Should' iets wat de klant graag erin wil hebben, maar dit heeft geen hele hoge prioriteit. Alles onder het tabje 'Could' is iets wat erin zou kunnen, maar alleen als er nog tijd en budget voor is. Verder is alles onder het tabje 'Won't' iets wat niet in de website hoeft te komen.
Must
- Stijl van oude website maar modernere opmaak/lay-out
- Menu van huidige website mee over nemen
- Nederlands / Duits vertaling, Duits = standaard | Nederlands = vertaling
- Teksten overnemen voor nu, later komen nieuwe/up to date teksten
- Informatie in de footer, denk aan: telefoonnummer, e-mail adres en adres
Should
- Facebook feed verwerkt op nieuwspagina
- Projecten uitwerken, tekst/uitleg met afbeelding
- Boven in de navbar een aantal belangrijke dingen, denk aan: openingstijden, telefoonnummer en e-mailadres
Could
- USP’s toevoegen, bijvoorbeeld: hoeveel machines en hoeveel jaar ze al bestaan
- Facebook pagina linken in de footer
Won't
- Geen nieuwe huisstijl
- Geen nieuwe domeinnaam
User Stories
- Als gebruiker wil ik dat het menu goed werkt, zodat ik via het menu naar alle andere pagina’s kan gaan
- Als gebruiker wil ik dat de knop in de hero sectie werkt, zodat ik sneller contact kan opnemen
- Als gebruiker wil ik dat er recente projecten op de pagina staan, zodat ik een beeld krijg bij wat ze allemaal doen
De werkprocessen
In deze MoSCoW bevinden zich punten die in de website moeten komen, deze punten zijn door middel van de MoSCoW methode opgesteld in prioritering. Zo is alles onder het tabje 'Must' iets wat er echt in moet komen, alles onder het tabje 'Should' iets wat de klant graag erin wil hebben, maar dit heeft geen hele hoge prioriteit. Alles onder het tabje 'Could' is iets wat erin zou kunnen, maar alleen als er nog tijd en budget voor is. Verder is alles onder het tabje 'Won't' iets wat niet in de website hoeft te komen.
Must
- Stijl van oude website maar modernere opmaak/lay-out
- Menu van huidige website mee over nemen
- Nederlands / Duits vertaling, Duits = standaard | Nederlands = vertaling
- Teksten overnemen voor nu, later komen nieuwe/up to date teksten
- Informatie in de footer, denk aan: telefoonnummer, e-mail adres en adres
Should
- Facebook feed verwerkt op nieuwspagina
- Projecten uitwerken, tekst/uitleg met afbeelding
- Boven in de navbar een aantal belangrijke dingen, denk aan: openingstijden, telefoonnummer en e-mailadres
Could
- USP’s toevoegen, bijvoorbeeld: hoeveel machines en hoeveel jaar ze al bestaan
- Facebook pagina linken in de footer
Won't
- Geen nieuwe huisstijl
- Geen nieuwe domeinnaam
GEBRUIKTE CODE
Bekijk via de knoppen hier beneden alle gebruikte code!
