Okan

Client (Huidige Situatie)

Voor Project X ben ik begonnen met actief zoeken naar een geschikte opdrachtgever. Deze zoektocht leidde me naar mijn werk, waar ik in gesprek raakte met een collega over zijn ondernemingsplannen.

Ontmoeting met Ahmad Alhasoun

Mijn collega Ahmad Alhasoun bleek recentelijk zijn eigen webshop te hebben gelanceerd: KWmarkt. Hij had zijn bedrijf net geregistreerd bij de Kamer van Koophandel en was bezig met de opzet van een e-commerce website gespecialiseerd in elektronische producten.

KWmarkt's Uitdaging

Ahmad's hoofdproduct is een smart ring die hij wil positioneren als een betaalbare alternatief voor premium merken zoals de Oura Ring (€349). Zijn uitdaging was dat de huidige branding gehaast was opgezet en niet professioneel genoeg voor de geplande uitbreiding naar grote platforms zoals Bol.com.

Waarom KWmarkt?

Ik koos voor dit project omdat:

• Het een echte opdrachtgever betrof met concrete business doelen
• De scope was overzichtelijk maar uitdagend genoeg voor de beschikbare tijd
• Het combineerde branding, design en e-commerce - perfect voor mijn leeruitkomsten
• Ahmad was gemotiveerd en beschikbaar voor feedback en samenwerking

Projectplan

Het projectplan vormde de basis voor een gestructureerde aanpak van de KWmarkt rebranding. Hierin definieerde ik de scope, doelstellingen en onderzoeksstrategie.

Hoofdonderzoeksvraag

"Hoe kan KWmarkt door middel van een aantrekkelijk en professioneel logo en een gebruiksvriendelijke website aantrekkelijker worden gemaakt voor de doelgroep?"

Deelvragen

• Hoe ervaren gebruikers de huidige merkidentiteit van KWmarkt?
• Welke kenmerken hebben succesvolle concurrenten (Oura, Samsung Galaxy Ring, RingConn)?
• Hoe kan KWmarkt zich onderscheiden van concurrenten door middel van logo en typografie?

Projectscope

Gezien de beperkte tijd van 3 weken, richtte ik me specifiek op:

• Logo design - Professioneel en onderscheidend
• Typografie selectie - Passend bij merkidentiteit
• Website prototype - Geïnspireerd op premium concurrenten
• Bol.com storefront strategie - Voor toekomstige uitbreiding

Interview

Om een diepgaand begrip te krijgen van Ahmad's visie, doelstellingen en uitdagingen, heb ik een uitgebreid interview met hem gehouden. Dit interview vormde de basis voor alle verdere ontwerpbeslissingen.

Interview Doelstellingen

• Begrijpen van Ahmad's business visie en doelen
• Identificeren van de doelgroep en hun behoeften
• Analyseren van de huidige merkperceptie
• Verzamelen van technische requirements voor de website

Belangrijkste Bevindingen

Doelgroep Definitie

Primair: Nederlandse consumenten (25-45 jaar) die geïnteresseerd zijn in health tech maar niet bereid zijn €349 te betalen voor een Oura Ring

Secundair: Tech early adopters die budget-vriendelijke alternatieven zoeken

Merkpositie

Ahmad wilde weg van de "gehaaste" uitstraling naar een premium maar toegankelijk merk. Zijn eigen woorden: "Betaalbare premium kwaliteit zonder concessies"

Platform Strategie

Uit het interview bleek dat Ahmad verschillende verkoop platformen overwoog:

• Eigen website - Volledige controle, lagere kosten
• Bol.com - Nederlandse markt, hoog vertrouwen
• Amazon - Internationale reach, maar hoge kosten

Onderzoek

Het onderzoek vormde de wetenschappelijke basis voor alle ontwerpbeslissingen. Ik gebruikte het DOT Framework om verschillende onderzoeksmethoden strategisch in te zetten.

Concurrentieanalyse (Library Research)

Ik analyseerde de belangrijkste concurrenten in de smart ring markt:

Oura Ring

• Prijs: €349 (premium positionering)
• Sterke punten: Established brand, uitgebreide app, wetenschappelijke validatie
• Zwakke punten: Hoge prijs, beperkte toegankelijkheid

Samsung Galaxy Ring

• Prijs: €449 (tech-giant backing)
• Sterke punten: Ecosystem integratie, brand recognition
• Zwakke punten: Zeer hoge prijs, beperkte beschikbaarheid

RingConn & Fenvik

• Prijs: €169-189 (mid-range alternatief)
• Sterke punten: Betere prijs-kwaliteit verhouding
• Zwakke punten: Beperkte merkherkenning, basic marketing

Marktonderzoek (Field Research)

Op basis van Ahmad's eigen klantonderzoek (15 respondenten) ontdekte ik belangrijke inzichten:

Koopfactoren

• Comfort & design (7/15 respondenten)
• Gebruiksgemak & app kwaliteit (4/15)
• Prijs-kwaliteit verhouding (4/15)
• Betrouwbaarheid en nauwkeurigheid (5/15)

Aankoopbelemmeringen

• Kwaliteit/duurzaamheid zorgen (5/15)
• Te hoge prijs perceptie (4/15)
• Geen toegevoegde waarde t.o.v. smartwatch (3/15)

Platform Analyse

Ahmad's eigen platform experiments leverden cruciale data op:

Kostenanalyse (eerste 6 maanden, 100 verkopen)

• Eigen Website (Shopify): €371 totaal
• Bol.com: €655 totaal (12.4% commissie)
• Amazon: €923 totaal (15% commissie + kosten)

Conclusie: Eigen website is €284-552 goedkoper bij 100 verkopen

Planning

Ik hanteerde een gefaseerde aanpak over 3 weken om alle deliverables tijdig en kwalitatief op te leveren.

Fase 1: Research & Strategy (Week 1-2)

Week 1 (3-7 juni)

• ✅ Concurrentieanalyse uitvoeren
• ✅ Interview voorbereiden en uitvoeren met Ahmad
• ✅ Eerste logo concepten ontwikkelen
• ✅ DOT Framework onderzoeksstrategie opstellen

Week 2 (10-14 juni)

• ✅ Brand strategy document opstellen
• ✅ Wireframes voor website en Bol.com storefront
• ✅ Logo iteraties op basis van feedback
• ✅ Typografie research en selectie

Fase 2: Creative Development & Design (Week 3)

Week 3 (17-21 juni - DEADLINE WEEK)

• ✅ Definitief logo concept afronden
• ✅ Website prototype in Figma ontwikkelen
• ✅ Bol.com storefront mockup creëren
• ✅ Typografie richtlijnen vastleggen
• ✅ Presentatie voorbereiden voor oplevering

Feedbackmomenten

Regelmatige feedback sessies zorgden voor continue verbetering:

• Evelien (Coach): Projectplan en algemeen project

• Bram: Logo en typografie en website feedback (dinsdagen)

• Ahmad: voor stakeholder feedback

Deliverables

Alle geplande deliverables zijn succesvol opgeleverd en geïmplementeerd voor KWmarkt.

✅ Onderzoek & Documentatie

• Concurrentieanalyse rapport - Uitgebreide analyse van Oura, Samsung, RingConn
• Interview transcripties - Volledige documentatie van stakeholder gesprekken
• Marktonderzoek samenvatting - Doelgroep analyse en inzichten
• Platform strategie advies - Data-gedreven aanbevelingen

✅ Branding & Visuele Identiteit

• Definitief logo ontwerp - Professioneel KWmarkt logo
• Logo varianten - Verschillende toepassingen en formaten
• Typografie richtlijnen - Primaire en secundaire fonts
• Kleurpalet definitie - Goud/zwart premium uitstraling

✅ Digital Prototypes

• Website prototype (Figma) - Volledige responsive website
• Bol.com storefront mockup - Advertising strategie visualisatie

✅ Strategische Adviezen

• Platform strategie - Gefaseerde multi-channel aanpak
• Marketing aanbevelingen - TikTok/Facebook Ads strategie
• Implementatie roadmap - 6 maanden actieplan

Taken

Overzicht van alle uitgevoerde taken en werkzaamheden tijdens het project, georganiseerd per competentiegebied.

🔍 Research & Analyse

• ✅ Stakeholder interview - 90 minuten diepte-interview met Ahmad
• ✅ Concurrentieanalyse - 5 hoofdconcurrenten geanalyseerd
• ✅ Platform research - Amazon, Bol.com, Shopify vergelijking
• ✅ Doelgroep validatie - 15 respondenten marktonderzoek analyse

🎨 Design & Creativiteit

• ✅ Logo conceptontwikkeling - verschillende varianten
• ✅ Typografie research - Font pairing voor premium uitstraling
• ✅ Kleurpalet ontwikkeling - Goud/zwart premium schema

💻 Digital Development

• ✅ Figma prototype - pagina's ontworpen

Logo

Het logo vormde het hart van de nieuwe merkidentiteit voor KWmarkt. Door onderzoek en iteratieve ontwikkeling creëerde ik een logo dat premium uitstraling combineert met toegankelijkheid.

Design Proces

Conceptontwikkeling

Gebaseerd op Ahmad's visie: "Gouden kleur met hart icoontje en mobiel icoontje. Want de gouden kleur betekent iets lux en de hart met mobile betekent gezondheid tracer"

Verder met op Adobe illustrator designen

Verfijning & Feedback

Na feedback van Ahmad en mijn docenten richtte ik me op:

• Leesbaarheid - Duidelijke typografie op alle formaten
• Flexibiliteit - Werkt in verschillende contexten
• Premium uitstraling - Concurreert met Oura en Samsung
• Nederlandse markt -Vertrouwd maar onderscheidend

Finale Logo Concept

Typografie: "KWmarkt."

• "KW" in goud - Premium brand element
• "markt." in zwart - Toegankelijkheid en betrouwbaarheid
• Tagline: "Trusted Premium Electronics"

Keuze

Uiteindelijk heb ik dit aan Ahmad gepresenteerd, hij vind ze allemaal mooi en moet dus kijken welke hij gaat kiezen, wellichten meerdere logo's voor verschillende doeleinden.

Bieden Bram en ik hebben de voorkeur aan de logo rechtsboven, met de rondingen en de combinatie van een klassie en moderne font laat het echt professioneel lijken.

Typografie

De typografie keuze ondersteunt de premium maar toegankelijke merkpositie van KWmarkt. Ik selecteerde fonts die professionaliteit uitstralen zonder intimiderend te zijn.

Primaire Typografie

Headings: Crimson Text

• Karakter: Klassiek, elegant, premium uitstraling met uitstekende leesbaarheid
• Gebruik: Logo, H1, H2, belangrijke CTA's en section headers
• Gewichten: Regular (400), SemiBold (600), Bold (700)
• Rationale: Crimson Text geeft KWmarkt een vertrouwde maar premium uitstraling. De serif karakteristieken communiceren betrouwbaarheid en traditie, wat essentieel is voor vertrouwen in de Nederlandse e-commerce markt.

Body Text: Inter

• Karakter: Modern, functioneel, speciaal ontworpen voor screen-optimalisatie
• Gebruik: Paragrafen, navigatie, product beschrijvingen, formulieren
• Gewichten: Light (300), Regular (400), Medium (500), SemiBold (600), Bold (700)
• Rationale: Inter is speciaal ontwikkeld voor digitale interfaces en biedt optimale leesbaarheid op alle apparaten. Perfect voor technische specificaties en product details.

Typografie Hiërarchie

H1 - Hero Headings

Font: Crimson Text Bold, 4.2rem (desktop) / 3rem (mobile)

Gebruik: "De Smart Ring die je leven transformeert"

Special: Gradient effect op highlight woorden

H2 - Section Headings

Font: Crimson Text Bold, 3.8rem (desktop) / 2.8rem (mobile)

Gebruik: "Geavanceerde Features", "KWmarkt Smart Ring"

H3 - Feature Headings

Font: Crimson Text SemiBold, 1.8rem

Gebruik: Feature card titels, subsectie headers

Body Text

Font: Inter Regular, 1.2rem (hero) / 1rem (algemeen)

Gebruik: Product beschrijvingen, algemene content

Navigation & UI

Font: Inter Medium, 0.95rem

Gebruik: Navigatie links, button tekst

Logo & Branding

Font: Crimson Text Bold, 2.2rem

Kleur: Goud (#B8860B) voor premium uitstraling

Tagline: Inter Light, 0.7rem - "Trusted Premium Electronics"

Waarom Deze Combinatie?

Crimson Text voor Headers

Crimson Text is een serif font die:

• Vertrouwen wekt: Serif fonts worden geassocieerd met betrouwbaarheid en kwaliteit
• Premium uitstraling: Geeft KWmarkt een luxe gevoel ondanks de toegankelijke prijs
• Nederlandse markt: Serif fonts voelen vertrouwd aan voor Nederlandse consumenten
• Onderscheiding: Helpt KWmarkt zich te onderscheiden van tech-heavy concurrenten die alleen sans-serif gebruiken

Inter voor Body & UI

Inter is een sans-serif font die:

• Screen-geoptimaliseerd: Speciaal ontworpen voor digitale interfaces
• Uitstekende leesbaarheid: Blijft helder op alle apparaatgroottes
• Modern gevoel: Communiceert innovatie en technologie
• Veelzijdig: Werkt goed voor zowel korte labels als lange beschrijvingen

Implementatie Richtlijnen

Contrast & Leesbaarheid

• Minimum contrast ratio: 4.5:1 (WCAG AA compliant)
• Line height: 1.6-1.7 voor body text, 1.1-1.2 voor headings
• Letter spacing: Default voor Inter, -1px voor grote Crimson Text titels

Kleurgebruik

• Primair tekst: #1a1a1a (donkergrijs voor betere leesbaarheid dan zwart)
• Secundair tekst: #666 (voor beschrijvingen en metadata)
• Accent tekst: #B8860B (goud voor highlights en branding)

Responsive Gedrag

• Desktop: Volledige size hierarchy met grote impact titels
• Tablet: 15-20% kleinere font sizes voor betere balans
• Mobile: 25-30% kleinere font sizes, verhoogde line height voor touchscreens

Resultaat & Impact

Deze typografie combinatie helpt KWmarkt om:

• Vertrouwen op te bouwen met Nederlandse consumenten
• Premium te voelen ondanks de betaalbare prijs van €45,95
• Zich te onderscheiden van tech-heavy concurrenten zoals Samsung
• Professioneel over te komen voor partnerships met Bol.com
• Toegankelijk te blijven voor de brede doelgroep (25-45 jaar)

Bol.com Storefront

Naast het website prototype ontwikkelde ik een complete strategie voor KWmarkt's aanwezigheid op Bol.com. Dit platform biedt toegang tot miljoenen Nederlandse klanten en is cruciaal voor Ahmad's expansieplannen.

Waarom Bol.com?

Platform Analyse

Uit Ahmad's onderzoek bleek dat Bol.com strategische voordelen biedt:

• Lagere commissie: 12.4% vs Amazon's 15%+ commissiestructuur
• Nederlandse markt: 11+ miljoen actieve Nederlandse klanten
• Hoog vertrouwen: Bol.com wordt door 95% van Nederlandse online shoppers vertrouwd
• Smart ring markt: Relatief weinig concurrentie in deze categorie
• Zoekvolume: 482+ resultaten voor "smart ring" tonen groeiende interesse

Forefront photoshop design

Concurrentie Analyse op Bol.com

Prijspositionering

Analyse van bestaande smart rings op Bol.com toont KWmarkt's competitieve voordeel:

• Budget segment: €43-€59 (basis functionaliteit, onbekende merken)
• KWmarkt positionering: €45,95 (premium features, Nederlandse service)
• Mid-range: €69-€99 (WizBay, gevestigde merken)
• Premium: €200+ (bekende tech merken, beperkte beschikbaarheid)

Concurrenten Analyse

WizBay Premium Select (€69,95):

• ✅ Sterke punten: Goede reviews, professionele productfoto's
• ❌ Zwakke punten: Hogere prijs, beperkte Nederlandse klantenservice
• 🎯 KWmarkt voordeel: Betere prijs-kwaliteit, volledige Nederlandse support

Product Listing Optimalisatie

Titel Strategie

Geoptimaliseerde titel:
"KWmarkt® Smart Ring - Hartslag & Slaapmonitor - IP68 Waterdicht - 7 Dagen Batterij - Nederlandse App & Service"

Waarom deze titel werkt:

• Merknaam voorop: KWmarkt® voor herkenbaarheid
• Key features: Hartslag, slaap, waterdicht, batterijduur
• Nederlandse angle: Benadrukt lokale service
• SEO optimized: Belangrijke zoektermen opgenomen

Website

Als onderdeel van het KWmarkt project heb ik een functionele website ontwikkeld die de nieuwe branding en typografie in praktijk brengt. De website dient als demonstratie van hoe het logo, kleuren en fonts samenkomen in een echte gebruikerservaring.

GIT

Website Doelen

De website heeft drie hoofddoelen die direct aansluiten bij Ahmad's business behoeften:

• Brand Demonstratie: Tonen hoe de nieuwe KWmarkt identiteit werkt in een echte e-commerce omgeving
• Conversie Focus: Bezoekers overtuigen om de smart ring te bestellen tegen de €45,95 prijs
• Vertrouwen Opbouwen: Nederlandse consumenten geruststellen over kwaliteit en betrouwbaarheid

Implementatie van Brand Identity

De website implementeert alle brand elementen die ik voor KWmarkt ontwikkelde:

• Typografie: Crimson Text voor headers, Inter voor beschrijvingen
• Kleurgebruik: Goud (#B8860B) voor premium accenten, professionele zwart/wit basis
• Logo Toepassing: Consistent gebruik van KWmarkt branding
• Premium Gevoel: Clean design dat kwaliteit uitstraalt ondanks betaalbare prijs

Website Pagina's

De website bestaat uit vijf strategische pagina's:

• Homepage: Hero sectie met value proposition en €45,95 pricing
• Features: Overzicht van alle smart ring functionaliteiten
• Product: Gedetailleerde productinformatie en bestelmogelijkheid
• App: Nederlandse app en privacy-voordelen
• Contact: Nederlandse klantenservice en support

Live Website

De volledige website is beschikbaar voor review en demonstreert de KWmarkt brand in actie:

User Testing

Om de effectiviteit van de website te valideren, heb ik een user test uitgevoerd met 5 CMD klasgenoten. Dit gaf inzicht in hoe de nieuwe KWmarkt website presteert qua gebruiksgemak en brand perceptie.

User Test Opzet

Ik testte met 5 studenten in het Fontys lab om te valideren of de website:

• Gebruiksvriendelijk en goed navigeerbaar is
• Professioneel en betrouwbaar overkomt
• Product features duidelijk communiceert
• Typografie en design effectief zijn

Belangrijkste Bevindingen

• Overall Score: Gemiddeld 8.1/10 voor de gehele website
• Brand Perceptie: 5/5 vonden KWmarkt professioneel en premium
• Typografie: Crimson Text + Inter combinatie werkt uitstekend
• Feature Begrip: Alle hoofdfuncties werden goed begrepen
• Nederlandse Focus: Geeft vertrouwensvoordeel volgens alle respondenten

voor de usertest, check de plaatsing en de typografie

na de usertest

Impact voor Ahmad

De website levert concrete waarde voor KWmarkt's business doelen:

• Professional Credibility: Verhoogt vertrouwen bij potentiële klanten en B2B partners
• Brand Consistency: Toont hoe alle brand elementen samenwerken
• Conversion Ready: Geoptimaliseerd voor de €45,95 price point
• Validation: User test bevestigt effectiviteit van design keuzes

Conclusie: De website demonstreert succesvol hoe strategisch design en branding kunnen bijdragen aan business doelen, met user testing dat de effectiviteit van de aanpak bevestigt.

Reflectie

Project X heeft mij veel geleerd over de complexiteit van e-commerce branding en de balans tussen creativiteit en business strategy. Het werken met een echte opdrachtgever bracht uitdagingen en leerervaringen die ik in schoolprojecten niet zou hebben ondervonden.

Wat Goed Ging

Stakeholder Management

De samenwerking met Ahmad verliep uitstekend. Zijn ondernemersachtergrond zorgde voor waardevolle inzichten en realistische feedback. Hij was betrokken maar gaf me ook de creatieve vrijheid om mijn expertise in te zetten.

Data-Driven Design

Door Ahmad's uitgebreide marktonderzoek en experimenten kon ik design beslissingen baseren op echte data in plaats van aannames. Dit maakte het project veel realistischer dan typische schoolopdrachten.

Holistische Aanpak

Ik ben trots op hoe ik branding, UX design, e-commerce strategie en marketing in één coherent plan heb gecombineerd. Het logo, website en platform strategie versterken elkaar wederzijds.

Uitdagingen & Leerpunten

Scope Management

Uitdaging: Ahmad had veel ideeën en wensen, wat de scope dreigde te laten uitbreiden.

Oplossing: Ik heb vroeg in het project duidelijke grenzen gesteld: focus op logo, typografie en website prototype. Andere elementen werden als "toekomstige fase" gecategoriseerd.

Leermoment: Het belang van duidelijke verwachtingsmanagement met echte opdrachtgevers.

Budget vs Kwaliteit Spanning

Uitdaging: KWmarkt's positionering als "betaalbare premium" creëerde een design uitdaging - hoe straal je kwaliteit uit tegen een lage prijs?

Oplossing: Ik gebruikte goud als premium element maar balanceerde dit met toegankelijke typografie en duidelijke value propositions.

Leermoment: Design kan merkperceptie significant beïnvloeden, onafhankelijk van productprijs.

Platform Complexiteit

Uitdaging: De verschillende eisen van Shopify, Bol.com en potentieel Amazon maakten design beslissingen complex.

Oplossing: Ik ontwikkelde een modulair design systeem dat flexibel is voor verschillende platforms.

Leermoment: Multi-channel e-commerce vereist strategisch denken vanaf het begin.

Persoonlijke Ontwikkeling

Business Acumen

Dit project heeft mijn begrip van e-commerce business models significant verdiept. Ik begrijp nu beter hoe design beslissingen directe impact hebben op conversion rates, customer acquisition costs en lifetime value.

Client Communication

Het werken met Ahmad heeft mijn vaardigheden in stakeholder communicatie verbeterd. Ik leerde hoe ik complexe design concepten moet uitleggen aan niet-designers en hoe ik feedback moet verwerken zonder de design integriteit te verliezen.

Research Skills

Het DOT Framework gaf structuur aan mijn onderzoeksaanpak. Ik realiseer me nu hoe waardevol grondig onderzoek is voor het maken van onderbouwde design beslissingen.

Leeruitkomsten Reflectie

LO1: Interactive Media

✅ Behaald: Het Figma prototype toont interactieve elementen en user flows. De Bol.com storefront mockup demonstreert begrip van verschillende platforms.

LO2: Development

✅ Behaald: coding website op GIT

LO3: Design

✅ Sterk behaald: Het logo, typografie en website design tonen iteratief ontwerpproces en professionele uitvoering.

LO4: Professional Standard

✅ Behaald: Project planning, stakeholder communicatie en deliverable kwaliteit voldoen aan professionele standaarden.

LO5: Personal Leadership

✅ Behaald: Ik nam ownership van het project, stelde proactief vragen en reflecteerde kritisch op feedback.

Vervolgstappen

Voor KWmarkt

Ahmad heeft aangegeven mijn aanbevelingen te gaan implementeren. Ik ben benieuwd naar de resultaten van zijn marketing campagnes en of de voorspelde conversie rates uitkomen.

Voor Mijn Ontwikkeling

• E-commerce specialisatie: Ik wil meer leren over conversion optimalisatie en e-commerce UX patterns
• Data analyse: Begrip van Google Analytics en e-commerce metrics verdiepen
• Frontend development: Mijn Shopify/e-commerce development skills uitbreiden

Conclusie

Project X was een waardevolle ervaring die mij heeft laten groeien als designer en consultant. Het combineren van creativiteit met business strategy, het werken met een echte opdrachtgever, en het zien van de directe impact van design beslissingen op business doelen heeft mijn passie voor e-commerce design verder aangewakkerd.

Het project toont aan dat goed design meer is dan alleen esthetiek - het is een strategisch instrument dat merkperceptie, gebruikerservaring en uiteindelijk business succes bepaalt.

Pitch 13-6-2025

De tussentijdse pitch verliep zeer goed. Een groot voordeel was dat ik de enige was met een echte klant, wat mijn project extra authenticiteit en relevantie gaf. Als feedback kreeg ik mee dat ik voor mijn presentatie niet de kleuren van mijn eigen branding had gebruikt. Dit is een belangrijk punt waar ik de volgende keer beter op moet letten om consistentie in mijn visuele identiteit te behouden.