2. Ontwerpen
Na de analyse fase zijn we begonnen met het schetsen om ideeen op te doen en wellicht om dingen te gebruiken voor het eind design. Hieronder kan je al onze schetsen zien. Het maken van elk schets zorgt voor ons dat we een een visuele idee (Brainstormen) hoe we ons favoriete pagina kunnen ontwerpen.
Elke schets die we op papier hebben gemaakt heeft ons uiteindelijk tot een beter idee gebracht.
Na het maken van verschillende schetsen voor onze favoriete page op papier, hebben we breakdownschetsen gemaakt met alle elementen die we wilden hebben op onze page. In de breakdownschets gebruiken we "header" Articles" en Paragrafen (P) om de structuur van de webpagina te definiëren. Dit helpt bij het organiseren van de inhoud en zorgt voor een duidelijke hierarchie op de pagina. De header wordt gebruikt voor de bovenkant van de pagina. Waar belangrijke informatie zoals de titel en navigatie links worden geplaats. onze werk bestaat uit een favorietepage en het gekozen huis page van de favoriete page met alle informatie van dat huis.
Na het maken van een aantal schetsen op papier hebben we via het programma Figma een digitaal ontwerp gemaakt voor onze favoriete page. Figma is een een visueel ontwerp programma waarin iedereen een digitale ontwerp kan bouwen, het is heel handig omdat ieder teamlid eenvoudig iets eraan kan toevoegen en bewerken. in het plaatje hier onder hebben we 2 ontwerpen gemaakt, een ontwerp is voor de desktop versie en de andere zijn voor de mobile versie (Smartphone).
