Mobiele mockup van Meer & Bosch

Meer & Bosch Advocaten

Het project richtte zich op het ontwerpen van een professionele, vernieuwende en authentieke website. Dit alles vormde de basis voor het ontwikkelen van zowel low-fidelity als high-fidelity wireframes, met een sterke focus op gebruiksvriendelijkheid en een intuïtieve gebruikerservaring.

Mock-Opdracht
Design & Development
Brand-Identity
Client
Meer & Bosch Advocaten (Mock)
Datum
Januari 2023- April 2023
Rol
Designer & Developer
Website
NVT

De Opdracht

Dit school-project begon met het ontvangen van heel wat informatie: We kregen duidelijke design brief, persona's en alle uitgeschreven teksten voor de site. De vraag was om een Website te maken (in mijn geval Mobile-first) voor het denkbeeldige advocaten kantoor "Meer & Bosch Advocaten". Dit zou een bureau zijn gevestigd in Den Haag wat dicht bij de mensen wil staan en toegankelijk wil overkomen.

Wire Frames
Style Guide Iteratie

Van Wireframe naar HiFi

Deze Veranderingen heb ik weer meegenomen naar het High Fidelity Prototype (HiFi), die ik vervolgens mobile-first heb ontwikkeld. Feedback hierop was erg positief.
Ik begon dit ontwerpproces met Cardsorting en direct daarop volgend Wireframes. op deze manier was de structuur in orde zonder dat ik in de tunnelvisie beland met styling. Vervolgens heb ik een styleguide opgesteld, hierin heb ik veel blauw gebruikt om vertrouwen uit te stralen. Ik was hier best tevreden mee totdat ik de feedback kreeg dat het er saai en "te veilig" uitzag. Dit begon aardig aan mij te knagen omdat ik wist dat de feedback klopte, dus ben ik verder gaan itereren. Hieruit ben ik uiteindelijk op een ontwerp gekomen wat meer toegankelijkheid moet uitstralen door de natuurlijke tinten en ronde borders.

Front-End Developing

Aangezien we de periode hiervoor les hebben gehad over de basis van HTML5 & CSS3, was het eindproduct niet het HiFi prototype maar moesten wij ons ontwerp ook echt developen. Dit was een fixe uitdaging, ik had wel webpages met de hand gecodeerd maar een hele website gaat toch wel verder. Het werkte in mijn voordeel dat ik in Figma veel met componenten en Styles werkte waardoor mijn consistentie aanwezig was. Ik was erg blij hoe dit ontwerp eruit zag op mobile, al was de responsiveness ver te zoeken.

Meer en Bosch Mockup
Meer & Bosch Logo

Finishing Thoughts

Ondanks dat deze opdracht meer dan een jaar geleden is uitgevoerd, vind ik sommige onderdelen nog steeds vrij sterk. Tuurlijk was het veel beter als ik inplaats van Componenten ook Variants & Auto-layout had toegepast zodat het coderen makkelijk was geweest. Maar ik denk dat ik vooral trots ben op mijn iteratie in dit project, de stijl blijft daarom sterk. Tuurlijk zijn er meer dan genoeg punten waar ik heel veel verbetering zie, maar in grove lijnen ben ik nog steeds trots op het hele plaatje.

Opdrachtgever Dirk Wijtman
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.Een verhaal over hoe het ging blah blah blah.

Dirk Wijtman

Eigenaar bij het Konings Huys
All Projects

Volgend Project

de Thumbnail van het Radijs Ontwerp project. Hierin is een screenshot van Framer te zien waarop alle schermen te zien zijn van de homepage.
radio_button_checked
In Progress

Creatief Curriculum: ecommerce en CMS

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

Bekijk Project
arrow_forward_ios
close
Een Foto waarin Jannes de Wilde de Lens in kijkt
Neem Contact op Met Jannes

Heb je een Opdracht, stageplek of vraag aan mij. Stel hem gerust en ik probeer zo snel mogelijk te antwoorden!

Dankjewel! Je bericht is binnen gekomen.
Oeps, er is iets niet helemaal goed gegaan. Probeer het nog een keer!

Laten We Samen Werken!

Stuur me een Bericht