Ontmoetings­platformen

Front-end development, UX advies, UI design

Ontmoet Anderen
,
2020-2022
Laravel
Bootstrap
SASS (SCSS)
Javascript
Figma

Ontmoet Anderen

Ontmoet Anderen is een ambitieuze start-up die met zijn platformen mensen bij elkaar brengt in een aantal platformen. Deze platformen gebruiken specifieke configuraties van dezelfde codebase. 

Daarnaast beheert Ontmoet Anderen ook interne applicaties voor bedrijven en verenigingen. Deze doen hetzelfde als de publieke platformen, met een aantal extra functionaliteiten.

Ontmoet Anderen

Ontmoet Anderen

Ontmoet Anderen is een ambitieuze start-up die met zijn platformen mensen bij elkaar brengt in een aantal platformen. Deze platformen gebruiken specifieke configuraties van dezelfde codebase. 

Daarnaast beheert Ontmoet Anderen ook interne applicaties voor bedrijven en verenigingen. Deze doen hetzelfde als de publieke platformen, met een aantal extra functionaliteiten.

Meet Other Students

Dit platform maakte zijn debut tijdens de pandemie met als doel de groeiende eenzaamheid en depressie onder studenten te bevechten. Studenten kunnen hier evenementen organiseren of bezoeken en zo vrienden maken op basis van gemeenschappelijke interesses.

Meet Other Students

Meet Other Students

Dit platform maakte zijn debut tijdens de pandemie met als doel de groeiende eenzaamheid en depressie onder studenten te bevechten. Studenten kunnen hier evenementen organiseren of bezoeken en zo vrienden maken op basis van gemeenschappelijke interesses.

Samen Suppen

SamenSuppen, een platform voor Stand-up Paddleboarding, is ontstaan vanuit de persoonlijke interesses van de oprichters. Ideaal om snel spontaan op het water te staan.

Samen Suppen

Samen Suppen

SamenSuppen, een platform voor Stand-up Paddleboarding, is ontstaan vanuit de persoonlijke interesses van de oprichters. Ideaal om snel spontaan op het water te staan.

Front-end development

Ik heb voor versie 1 van het product de complete front-end uitgewerkt op basis van aangeleverde UI-designs. Deze ontwerpen bevatten geen specificaties voor mobile design, dialogen en edge-cases. Ik heb bij het ontwikkelen het ontwerp naar eigen inzicht ingevuld, waarbij ik speciale aandacht heb gegeven aan een aantal accessibility-factoren: systeemfeedback, errorpreventie en  inclusie van ondervertegenwoordigde genderidentiteiten.

Design system

In het ontwerp heb ik gebruikgemaakt van design tokens om te zorgen dat platformen met verschillende huisstijlen dynamisch kunnen worden opgezet.

UX Advies

Ik heb de oprichters geholpen met hun marktonderzoek door hun enquête kritisch te reviewen om ambigue antwoorden en sturende vraagstelling te voorkomen. Ook heb ik aangegeven wanneer een vraag onrealistisch was om te stellen, omdat deze bijvoorbeeld over onbewust gedrag ging of niet specifiek genoeg over gedrag in het verleden ging.

Ook heb ik een Heuristics Evaluation uitgevoerd op de UI-ontwerpen die mij aangeleverd waren om te ontwikkelen, waarbij ik een advies heb gegeven voor aanpassingen aan de interface.

Front-end development

Front-end development

Ik heb voor versie 1 van het product de complete front-end uitgewerkt op basis van aangeleverde UI-designs. Deze ontwerpen bevatten geen specificaties voor mobile design, dialogen en edge-cases. Ik heb bij het ontwikkelen het ontwerp naar eigen inzicht ingevuld, waarbij ik speciale aandacht heb gegeven aan een aantal accessibility-factoren: systeemfeedback, errorpreventie en  inclusie van ondervertegenwoordigde genderidentiteiten.

Design system

In het ontwerp heb ik gebruikgemaakt van design tokens om te zorgen dat platformen met verschillende huisstijlen dynamisch kunnen worden opgezet.

UX Advies

Ik heb de oprichters geholpen met hun marktonderzoek door hun enquête kritisch te reviewen om ambigue antwoorden en sturende vraagstelling te voorkomen. Ook heb ik aangegeven wanneer een vraag onrealistisch was om te stellen, omdat deze bijvoorbeeld over onbewust gedrag ging of niet specifiek genoeg over gedrag in het verleden ging.

Ook heb ik een Heuristics Evaluation uitgevoerd op de UI-ontwerpen die mij aangeleverd waren om te ontwikkelen, waarbij ik een advies heb gegeven voor aanpassingen aan de interface.

UI Design

Om nieuwe user stories te implementeren moesten er nieuwe visuele interface-ontwerpen gemaakt worden. Deze heb ik uitgewerkt, waarbij ik alleen gebruikgemaakt heb van voor het systeem bekende design tokens. De gestalt van verschillende types content is consistent verschillend voor gemakkelijke herkenbaarheid. Ontwerpen zijn aangeleverd voor mobile en desktop.

UI Design

Mockups in Figma

UI Design

Mockups in Figma

Om nieuwe user stories te implementeren moesten er nieuwe visuele interface-ontwerpen gemaakt worden. Deze heb ik uitgewerkt, waarbij ik alleen gebruikgemaakt heb van voor het systeem bekende design tokens. De gestalt van verschillende types content is consistent verschillend voor gemakkelijke herkenbaarheid. Ontwerpen zijn aangeleverd voor mobile en desktop.

Gerelateerde projecten