TechDealsNL

Dit project is een fictief project voor TechDealsNL wat een opdracht was voor het vak Patterns of Interaction. TechDealsNL is een Nederlands dochterbedrijf van TechDealsAsia die verschillende tech producten verkoopt in Asie. TechDealsNL is een bedrijf die verschillende electronica verkoopt door middel van een webshop. Omdat deze opdracht deel uit maakte van het vak Patterns of Interaction was een van de doelen voor deze opdracht om zo veel mogelijk verschillende patterns (zoals gestalt principes, Image sliders, Drop down navigatie, etc.) te gebruiken en daarmee een webshop te ontwerpen vanaf het home scherm tot en met het aankoop proces. Het eindproduct moest een Hi-Fi clickable prototype zijn.

Wireframing icon

Wireframing

UX Design icon

UX Design

Prototyping icon

Prototyping

Preview of TechDealsNL home pagina
Preview of TechDealsNL home pagina

Probleem

TechDealsAsie gaat uitbreiden naar Nederland, het dochterbedrijf TechDealsNL heeft daarom nog geen website om hun producten te verkopen aan de Nederlandse markt.

Doelgroep

De doelgroep zijn mensen van alle leeftijden die technologie nodig hebben.

Einddoel

Een Nederlandse webshop voor TechDealsNL ontwerpen inclusief het aankoopproces. Het eindproduct moet een interactief klikbaar prototype zijn ontwerpen waarbij verschillende patterns zijn toegepast.

Uitvoering

Tijdens dit project is er met name gefocust op de Create Concepts, Design Details en Realise fase. Er is een webshop ontworpen voor TechDealsNL waarbij tegelijkertijd rekening is gehouden met meerdere patronen (zoals nabijheid, grootte, Image sliders, Drop down navigatie, etc.). Deze opdracht had een vereisten dat er een minimumaantal aan patronen gebruikt moesten worden en die moesten ook allemaal worden benoemd bij het inleveren van het eindproduct. Deze opdracht was eerst over de span van meedere weken in kortere opdrachten samengevat, en daarna is alles in een geheel gevormd met een andere opmaak en meer details.

Gebruikte tools en software

Figma icon

Figma

Preview of TechDealsNL home pagina

Kleuren

Voor dit project zijn de kleuren met name die uit het originele TechDealsAsia logo gebruikt. Het originele TechDealsAsia logo gebruikte wit, groen en rood. De enige kleur die erbij is gekomen is het geel, het geel kwam van het idee dat veel populaire concurrenten in Nederland ook geel gebruikte voor hun winkelmand CTA. Door die kleur te blijven gebruiken konden gebruikers makkelijk herkennen dat de gele knoppen hier ook het winkelmandje CTA is.
#056839Donker groen
#FFB400Helder geel
#FFFFFFZuiver wit
#F02E22Fel rood
Preview of TechDealsNL home pagina

Typografie

Voor dit project zijn er twee verschillende fonts gebruikt. Share Tech voor de titels en Droid Sans voor de tekst. Share Tech is een meer modern lettertype wat bij een technologie website past. En Droid sans is meer als contrast een rustig goed leesbaar font voor de kleinere letters.

Titles

Share Tech

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Tekst

Droid Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Preview of SpaceX home pagina

SpaceX

Creatie van een veelzijdige website, geoptimaliseerd voor gebruik in de ruimtevaartsector, compatibel met diverse apparaten. Dit project richt zich op het garanderen van een naadloze en functionele online-ervaring, zowel op aarde als in de ruimte.