ttopstart

Dit project is een project voor ttopstart wat een dochterbedrijf is van PNO. Alle dochterbedrijven van PNO zijn consultants. ttopstart is een consultant bedrijf die zich meer focust op bedrijven die een project beginnen in de Levenswetenschappen en gezondheidssector. Alle bedrijven onder PNO kregen een nieuwe website en voor deze website moesten de kleuren en bepaalde elementen zoals afbeeldingen hetzelfde blijven maar moest de rest er wat moderner uitzien.

Wireframing icon

Wireframing

UX Design icon

UX Design

Prototyping icon

Prototyping

Web Development icon

Web Development

Preview of ttopstart home pagina
Preview of ttopstart home pagina

Probleem

Alle websites onder PNO kregen een nieuwe website en de huidige website van ttopstart moest er wat moderner uitzien.

Doelgroep

De doelgroep voor dit project zijn bedrijven uit de levenswetenschappen en gezondheidsector of bedrijven die een project willen beginnen in die sector.

Einddoel

Het doel voor dit project was om ideeen te bedenken en ontwerpen die gebruikt kunnen worden om meer interactie te geven aan de gebruiker.

Uitvoering

Dit project is uitgevoerd terwijl ik in dienst was bij Cloudselling. Voor de uitvoering van dit project is er veel rekening gehouden met de stijl, afbeeldingen, tekst en andere elementen die al aanwezig waren. Er konden elementen worden aangepast maar veel dingen moesten wel hetzelfde blijven in dit project. Er is geprobeerd meerdere elementen bewegend te maken op deze website zoals de drie strepen op de homepagina, buttons en afbeeldingen van het personeel. Aangezien er niet heel veel tijd was voor dit project voor onderzoek is er deskresearch gedaan voor nieuwe ideeën, zijn er wireframes en clickable prototypes gemaakt voor de animaties, en tot slot zijn de functies gebouwd in de live website.

Gebruikte tools en software

HTML icon

HTML

CSS icon

CSS

Javascript icon

Javascript

Adobe XD icon

Adobe XD

Wordpress icon

Wordpress

Preview of ttopstart home pagina

Kleuren

Voor dit project zijn dezelfde kleuren behouden die zijn gebruikt op de oude website. Ieder dochterbedrijf van PNO heeft hun eigen kleuren en ook in dit geval had zou het moeite en tijd besparen om de kleuren niet aan te passen, aangezien die dan ook weer over de hele website individueel aangepast moest worden. De primaire kleur die gebruikt wordt is Paars voor alle CTA en licht blauw voor de secondaire CTA’s. De achtergrond is over de hele website wit en er is grijs gebruikt voor alle teksten.
#512da8Diep paars
#03BCD5Aqua blauw
#FFFFFFZuiver wit
#666666Midden grijs
Preview of ttopstart home pagina

Typografie

Voor dit project zijn dezelfde lettertypen behouden die zijn gebruikt op de oude website. De lettertypes die waren gebruikt waren goed genoeg om opnieuw te gebruiken en in dit geval had het mogelijk veel problemen met zich meegebracht als dit gewijzigd moest worden. In dit project is er gebruik gemaakt van Poppins voor de titels en Barlow voor de tekst.

Titles

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Tekst

Barlow

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Preview of TechDealsNL home pagina

TechDealsNL

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