Wat heb ik gedaan?

Voor Bikkeltraining moest er een nieuwe website komen. Die mag ik gaan maken van wireframes tot programmeren. Devani werkt hiervoor in Sketch. Ik heb hier ooit mee gewerkt op mijn 2e stage op MBO. Sketch was voor mij niet nieuw. Ik moest de kennis wel weer ophalen. Dat deed ik door kleine uitleg van Emke en You-Tube Tutorial kijken en gewoon zelf er mee aan de slag te gaan.

Ik begon met de wireframes. Daarvoor heb ik 3 keer feedback gekregen. Eerste keer met alleen Emke waarbij er wat dingetjes waren die aangepast moesten worden. 2e keer met Emke en Yvanca waarbij er nog kleine aanpassingen werden gedaan. En als laatste alleen Yvanca die mij ook nog wat Sketch skills leerde en hoe zij te werk gingen.

Wat heb ik geleerd?

Met de tips van Yvanca heb ik veel geleerd. Vooral hoe je netjes te werk gaat. Als ik terugkijk, vind ik het inderdaad rommelig eruit zien. Voor de volgende keer wil ik dat graag anders doen. Dat kan ik doen door goed te kijken naar vorige projecten. Verdere tips staan bij Feedback 3.0

Wat ging goed?

Over het algemeen ging werken met Sketch wel goed omdat ik er al klein beetje bekend mee ben en omdat ik altijd al wireframes maakte in Adobe XD.

Wat kan beter?

Netjes werken door Artboards goed te noemen met hoofdletter, Artboard op verschillende pagina’s plaatsen.

Feedback

1.0

Home

• Voeg een blokje toe met speciale meldingen die de gebruiker aan/uit kan zetten. Voorbeeld: Let op: Training gaat niet door
• Foto toevoegen bij de testimonials

Algemeen

• Bedenk waar je naartoe gaat als je een button toevoegt
• Goed nadenken over de teksten van de buttons

Pagina's

• Aparte Partners pagina
• Kosten > Inschrijven
  Op de inschrijfpagina gelijk beginnen met de form
  Inschrijf bulletpoints onder de form toevoegen
• Informatie > Over ons
• Gallery: Gelijk de laatste foto’s tonen en op laatst de video’s of aparte video pagina

2.0

Home

• Over ons section toevoegen
• Notification pop-up in hero

Pagina's

• Inschrijven:
  Les pakket eerst
  Jouw pakket > Trainingen
• Trainingen: Bikkeltraining zorgt voor slider

Algemeen

• Animatie smooth verbeteren

3.0

Pagina's

• Agenda > Popup tekst achter de dagen

Tips

• W > Prototype
• H > Hotspot
• Blokken alleen fill geven als je erop kan klikken
• Symbol namen met / schrijven om te groeperen
• Resizing checken
• Artboard onderwerpen in verschillende pagina’s