Radijs Ontwerp
Via New Designers ga ik aan de slag met de site van Radijs Ontwerp om hier een mix van CMS en ecommerce aan toe te voegen!
Stage-Project
Design & Development
CMS-Systemen
Via New Designers ga ik aan de slag met de site van Radijs Ontwerp om hier een mix van CMS en ecommerce aan toe te voegen!
Tijdens mijn tijd bij New Designers heb ik de mogelijkheid gekregen om de website van Radijs Ontwerp te herzien. Hierin lag de nadruk op een ecommerce onderdeel dat de opdrachtgever wilde toevoegen los van de huidige portfolio onderdelen. Hierin was aan mij de taak om hier een passend CMS-systeem voor te vinden wat deze eisen ondersteunde. Vervolgens mocht ik deze ook daadwerkelijk ontwikkelen.
Voordat ik kon beginnen met het designen en ontwikkelen, moest ik eerst onderzoek doen naar de mogelijke SaaS-systemen waarop de site ontwikkeld kon worden. Hierin zaten wat eisen zoals: kosten, integratie betaalmogelijkheid, CMS & originaliteit. Deze waarden heb ik op een rijtje gezet, op basis hiervan is de keuze gemaakt om Framer te gebruiken in combinatie met Stripe voor het eCommerce onderdeel. Op deze manier was er een duidelijke CMS, vrijheid in ontwerpen (geen templates), en mogelijkheid tot Stripe 'embedding'. Dit was voor mij een moeilijke stap aangezien dit ver buiten mijn normale comfort zone is.
Vervolgens heb ik de nieuwe eisen omgezet naar een sitemap en wireframes. Op deze manier was de structuur duidelijk en de informatie goed geordend. Deze wireframes heb ik laten evalueren door de opdrachtgever, deze was tevreden met de huidige wireframes. Dit hield in dat hij geen noodzaak zag in het maken van uitgebreide prototypes waardoor ik kon beginnen met het development in Framer.
.webp)
Ik ben begonnen met de desktop homepagina te ontwikkelen, Framer was nieuw voor mij waardoor ik erg moest wennen aan deze nieuwe manier van ontwikkelen. Nadat de kern van de homepage stond ben ik het CMS systeem in elkaar gaan zetten, op dit moment werden de webteksten en CMS-info doorgestuurd waardoor ik deze kon transformeren tot dynamische pagina's. Hierna heb ik de overige pagina's uitgewerkt en responsive gemaakt. Tot slot heb ik een paar kleine micro-interactions toegevoegd om het (vrij) simpele ontwerp wat extra diepte te geven.
Een probleem waar ik tegenaan liep was dat formulieren niet lokaal gehost konden worden dus moest ik dat extern (Formspark.io) laten doen.
Ik heb de uitgewerkte website gepresenteerd aan de opdrachtgever, nadat we een paar punten van feedback hadden doorgevoerd, hebben we de website gekoppeld aan zijn bestaande domein. Vervolgens hebben we een Stripe account aangemaakt zodat de betaling integratie die ik heb gebouwd in het CMS-systeem, ook daadwerkelijk werkt. Van de feedback die ik achteraf heb gekregen kan ik uitmaken dat hij erg tevreden is.
Een verhaal over hoe het ging blah blah blah.Een verhaal over hoe het ging blah blah blah.Een verhaal over hoe het ging blah blah blah.Een verhaal over hoe het ging blah blah blah.Een verhaal over hoe het ging blah blah blah.
De manier waarop ik de site moest ontwikkelen heeft me een nieuwe kijk gegeven op website development. Ik ben een stuk bekender met Webflow, Webflow is gebaseerd op HTML & CSS terwijl je in Framer met Components bouwt in plaats van Classes. Dit was enorm wennen en ging vooral bij het begin niet soepel. Toch kwam er uiteindelijk wel een resultaat uit waar ik blij mee was doordat ik mijn manier van bouwen aanpaste op het huidige systeem.
Ik ben enorm blij met het eindresultaat en ook de opdrachtgever was zeer tevreden met de geleverde site. Dit was mijn eerste keer dat ik heb gewerkt met eCommerce en een CMS heb gebouwd. Ik moet zeggen dat de technieken mij erg bevallen!
Budg€t Riot is een Mock-Opdracht die ik voor mezelf heb bedacht. Het is bedacht met de Prompt: "A Minimal Budget Manager". Ik heb mezelf uitgedaagd door kleuren te gebruiken waar ik normaal niet eens over na zou denken.
Mock-Opdract
Brand Identity
Design
Heb je een Opdracht, stageplek of vraag aan mij. Stel hem gerust en ik probeer zo snel mogelijk te antwoorden!
