Portfolio website

🎨 Portfolio website

Ontwerp en bouw je persoonlijke portfolio-site in Webflow. Dit wordt jouw visitekaartje om te solliciteren voor stage en werk.

• Maak een persoonlijke, responsive portfolio-website

• Toon je beste werk, skills en identiteit als ontwerper

• Publiceer en optimaliseer de site voor sollicitaties

🌈 Vertrek vanuit de personal branding die je maakt tijdens het vak Communication.

🧩 Verwachtingen

Stap 1: Figma

Stap 2: Webflow

• Wireframes
• Volledig desktopontwerp
• Consistente stijlen (fonts, kleuren, buttons, spacing...)

• Structuur en layout
• Variables & Components gebruiken
• CMS voor dynamische projecten
• Minstens 3 animaties/interacties
• SEO basics en publicatie

⚙️ Technische vereisten

• Webflow project in ArteveldeUAS of eigen workspace
• 3+ pagina’s: Home, About, Portfolio (met 4 detailpagina's)
• Minimaal 4 projecten via CMS
• Volledige responsiveness (Desktop, Tablet, Mobiel L+P)
• Gebruik van Variables (Kleuren, typografie, spacing)
• Gebruik van Components (Herbruikbare elementen)
• Minstens 3 micro-animaties en animaties
• SEO: titles, meta descriptions, alt-teksten
• Live publicatie (webflow.io of eigen domein)

🧠 Inhoudelijke vereisten

• Homepagina: intro + navigatie

• Over mij-pagina: professionele voorstelling + skills (cv)

• Portfolio-overzicht: dynamische CMS listing

• 4+ project detailpagina’s: uitleg + visuals + tools

• Contact: pagina of section met formulier of contactduidelijke gegevens

🧠 Inhoudelijke vereisten

Excelleren

• Geavanceerde animaties

• Blog via CMS

• Meertaligheid (NL/ENG)

• Eigen domeinnaam

• Custom 404 pagina

• ...

👀 Evaluatiecriteria

• 🌈 Figma ontwerp: 15%

• ⚙️ Webflow technische realisatie: 30%

• 📱 Functionaliteit (CMS, responsiveness): 25%

• ✨ Originaliteit en branding: 15%

• ⚡️ SEO en optimalisatie: 10%

• 🚀 Excelleren: extra features, storytelling, animaties...: 5%

📥 Indienen

1 A4 PDF, mooi opgemaakt binnen jouw branding met daarin:

• Link naar Figma file: Moodboard, wireframes, visueel ontwerp
• Link naar live Webflow website: webflow.io of eigen domein
• Link naar Webflow project:
  • ​Eigen workspace: read-only link
  • ArteveldeUAS Workspace: Webflow Designer URL
• Aantrekkelijke mockup
• Naam, klasgroep, OLOD

Naamgeving PDF: DVG-X_Voornaam-Familienaam_UIP_Portfolio

🗓️ Planning & deliverables

• W2 Briefing & opstart
  Moodboard + sitemap + wireframes in Figma
• W3 Figma uitwerken
  Volledig desktopdesign in Figma klaar
• W4 Starten in Webflow
  Semantische structuur opzetten, basispagina’s
• W5 CMS
  CMS live + dynamische projecten toegevoegd

🗓️ Planning & deliverables

• W6 Interacties
  2 animaties live + responsiveness check
• 👉 W7 Optimalisatie
  Testing, SEO toegepast + site live
• W8 Finetuning
  Website volledig af + PDF maken + indienen

💡 Gebruik de Notion kan ban om je progress bij te houden

⚠️ Belangrijk

• Gebruik geen templates of AI-code

• Lees de briefing en rubriek goed én herlees de briefing op Canvas nogmaals voor je indient

• Test je links vooraleer je indient!

• Plagiaat = zware sancties

• Laattijdig indienen = puntenverlies

  Bij afwezigheid: enkel mogelijk om deadline te verleggen indien op voorhand gemeld én attest goedgekeurd is in SVS​

 🚀 Deadline 🚀

Maandag 16 juni 22h00