ttopstart

ttopstart is een consultancybedrijf binnen de levenswetenschappen en gezondheidssector. Als onderdeel van een bredere vernieuwing van alle PNO-dochterbedrijven kreeg ook de website van ttopstart een redesign. Hierbij moesten bestaande huisstijlelementen behouden blijven, terwijl de website moderner, interactiever en beter bruikbaar moest worden.

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
Preview of ttopstart home pagina

Probleem

  • Alle dochterbedrijven van het moederbedrijf PNO, inclusief ttopstart, kregen een nieuwe website.
  • De huidige website van ttopstart moest er moderner uitzien.

Doelgroep

  • Bedrijven uit de levenswetenschappen en gezondheidsector
  • Bedrijven die een project hebben of willen beginnen in een gerelateerde sector.

Einddoel

Het doel was om de bestaande website te moderniseren door interactieve elementen toe te voegen en de gebruikerservaring te verbeteren, terwijl de bestaande huisstijl, content en merkidentiteit behouden bleven.

Mijn rol als UX designer & Web developer

Als UX Designer en Web Developer was ik verantwoordelijk voor het ontwerpen, uitwerken en implementeren van interactieve onderdelen van de website. Daarbij lag de focus op het verbeteren van de gebruikerservaring zonder de bestaande merkidentiteit uit het oog te verliezen.

Uitvoering

Tijdens dit project lag de focus op het moderniseren van de bestaande website. Verschillende interactieve elementen, zoals animaties, buttons en personeelsafbeeldingen, zijn opnieuw ontworpen en uitgewerkt om de gebruikerservaring te versterken. De ontwerpen zijn vervolgens vertaald naar functionele componenten en geïmplementeerd op de live website, waarbij de bestaande huisstijl en content als uitgangspunt zijn gebruikt.

Gebruikte methoden en technieken

  • Deskresearch
  • Wireframes
  • Moodboards
  • Hi-fi clickable prototype
  • Front-end development
Preview of ttopstart home pagina
Preview of ttopstart home pagina

Kleuren

Omdat ttopstart onderdeel is van de PNO-groep zijn de bestaande merkkleuren behouden. Paars wordt gebruikt voor primaire acties, terwijl lichtblauw ondersteunende acties onderscheidt. De neutrale basis zorgt ervoor dat de content centraal blijft staan.

Kleurenpalet

#512da8Diep paars
#03BCD5Aqua blauw
#FFFFFFZuiver wit
#666666Midden grijs

Typografie

De bestaande typografie is behouden om consistentie binnen de merkidentiteit van ttopstart te waarborgen. Poppins wordt gebruikt voor titels en Barlow voor de lopende tekst, wat zorgt voor een duidelijke hiërarchie en goede leesbaarheid.

Titles

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Tekst

Barlow

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Preview of TechDealsNL home pagina

TechDealsNL

Mijn rol in dit project:UX designer & Web developer

Het doel was om een gebruiksvriendelijke webshop te ontwerpen waarin verschillende UX- en UI-patronen worden toegepast om gebruikers efficiënt door het aankoopproces te begeleiden.

Toon volgende project