Upendo
Upendo is een nieuwe tak die 2manydots graag wil ontwikkelen naast het bedenken en maken van websites. Naast het bouwen van websites willen ze ook focussen op het analyseren van deze websites. Daarom creëren ze Upendo, een onderdeel van 2md dat verschillende services biedt op het gebied van data-analyse voor websites. Upendo is een bedrijf dat simpelheid wil overbrengen naar de klant. Het doel van Upendo is dat klanten, na het bestellen en betalen voor het maken van een website, ook kiezen om gebruik te maken van Upendo.
Datum: September 2024 - November 2024
Gebruikte programma's: Figma, Vscode
Project FIgma webdesign
Project FIgma webdesign
Project Live video van de website
Reflectie
Dit project heeft me inzicht gegeven in hoe belangrijk een goede structuur is bij zowel design als development. Door de Double Diamond Methode toe te passen, heb ik geleerd om vanuit een breed perspectief te starten, de juiste elementen te definiëren, en vervolgens een gefocust en effectief ontwerp te ontwikkelen. Ondanks mijn beperkte ervaring met Storyblok en React, kon ik met elke sprint stappen maken en mezelf verder ontwikkele
Meer over dit project
De eerste sprint begon met het analyseren van data-analysewebsites zoals ilionx en het opstellen van een eerste mobiel ontwerp op basis van de brandguide. Samen met mijn medestudenten hebben we verschillende designelementen gecombineerd tot één ontwerp. Feedback van 2manydots benadrukte het gebruik van een grid voor betere uitlijning, het toevoegen van een Call to Action (CTA) aan het einde van pagina’s en het consistent plaatsen van het logo linksboven. Ook werd het ontwerp met een donkergroene achtergrond goedgekeurd.
In de tweede sprint verwerkte ik de feedback en zocht ik naar inspiratie bij websites zoals Ventriloc. Dit leidde tot een definitief ontwerp voor zowel desktop- als mobiele versies. De feedback van 2manydots waardeerde de creatieve knoppen, maar benadrukte het belang van consistentie, balans en het beperken van het aantal kleuren tot twee. Tijdens deze sprint maakte ik ook een begin met de development-fase, waarbij ik werkte met Storyblok en React om de analysis-pagina te ontwikkelen.
In de derde sprint richtte ik me volledig op de ontwikkeling van de analysis-pagina, een van de vijf servicepagina’s. Ik koppelde Storyblok aan React en ontwikkelde herbruikbare componenten om het werkproces te versnellen. Na afronding van de pagina maakte ik deze responsief en documenteerde ik mijn werk via GitHub, inclusief een duidelijke README. Tijdens de retrospective noteerde ik feedback van 2manydots en reflecteerde ik samen met mijn team op wat goed ging en wat verbeterd kon worden.