Waarom wij groot fan zijn van Figma: Ons designproces

Als digitaal WordPress en WooCommerce bureau werken wij dagelijks aan het ontwerpen, en ontwikkelen van websites en webshops. Voor het ontwerpproces zijn wij groot fan van Figma, dit is een tool, of eigenlijk een programma, speciaal gemaakt voor het ontwerpen van prototypes en user interfaces (UI). Zo kunnen wij een ontwerp maken dat helemaal tot leven komt.

Samenwerken in Figma

Figma is een web-based programma, hierdoor kun je altijd en overal gebruiken om online samen te werken. Dit werkt op dezelfde manier als bijvoorbeeld een Google Docs, of Presentations. Hierdoor kunnen wij onderling snel sparren, ideeën verzamelen en elkaar feedback geven, en dit allemaal direct in Figma.

Dit werkt niet alleen intern op deze manier, maar ook bij klanten. Tijdens het ontwerpproces krijgt de klant van ons een link waarin zij direct in Figma opmerkingen kunnen plaatsen, zien ze daar bijvoorbeeld een titel die ze net iets anders willen hebben, of een afbeelding die toch niet zo lekker staat? Of juist iets wat juist heel tof is? De klant kan dan gemakkelijk een opmerking plaatsen in Figma, wij kunnen gelijk meekijken, en mocht de feedback niet helemaal duidelijk zijn kunnen wij hier ook direct op reageren. Zo wordt het ontwerpproces versneld en kunnen wij focussen op wat écht belangrijk is.

Meer dan alleen een afbeelding

Een ontwerp is meer dan alleen een leuk plaatje. Vooral bij het ontwerpen van webshops is het belangrijk dat de gebruikservaring goed is. Daarom ontwerpen wij niet alleen de elementen die je ziet, maar ook (kleine) elementen en interacties die niet altijd worden ontworpen. Denk bijvoorbeeld aan:

• De (mobiele) navigatie
• In winkelwagen met daarbij het up-en cross-sell popup
• Uitgeklapte blokken

Deze maken wij ook interactief, zo kun je tijdens het designproces al door de website klikken, zijn mouse-over effecten zichtbaar en kunnen wij popups laten zien. Zo krijg je écht een goed beeld hoe jouw website in de praktijk gaat werken, en kun je hier ook betere feedback op geven.

Een realistisch beeld van de mobiele ontwerpen

Figma helpt ons ook om betere mobile-first websites te ontwerpen. Tijdens het ontwerpen openen we het ontwerp op onze telefoons, waardoor we ook direct kunnen zien of alles in de praktijk ook goed werkt. Zo testen we of alle elementen goed klikbaar zijn, maar ook of alle interacties, en animaties ook net zo goed werken. Zo kun je op mobiel het menu direct openklappen, en hier ook echt doorheen klikken. Dit zorgt uiteindelijk voor een betere gebruikservaring, en daardoor ook meer conversie.

Een consistent en compleet ontwerp

Ook kunnen wij elementen die overal op de website terugkomen samenvoegen tot 1 element, die we dan ook maar op één plek hoeven aan te passen. Hierdoor krijg je een consistent ontwerp, en scheelt het tijd die we weer kunnen gebruiken om de website te optimaliseren en nog gebruiksvriendelijker te maken.

Ook onze developers zijn blij met Figma

Als designer geeft Figma ons veel nieuwe technieken die wij kunnen gebruiken, zo biedt de plugin library enorm veel extra functionaliteiten, en hebben wij zelfs onze eigen Figma plugin, die wij intern gebruiken om de developmentfase te versimpelen. Niet alleen de designers, maar ook de developers moeten overweg kunnen met Figma. Zij zijn namelijk degene die het ontwerp daadwerkelijk tot leven laten komen, doordat Figma web-based is, kunnen de developers direct meekijken, ook tijdens de ontwerpfase.

De overdracht tussen designers en developers is ook belangrijk. Zo hebben wij altijd een interne development kick-off, in deze kick-off lopen we samen door het ontwerp om zo verwarring en miscommunicatie te voorkomen.

Ook hierbij helpt Figma ons met “Dev-mode”, zo kunnen wij hier direct opmerkingen plaatsen voor onze developers, deze zijn ook voor de developers direct zichtbaar.

Klaar om jouw project naar het volgende niveau te tillen?

Figma helpt ons het designproces te versnellen en te verduidelijken, hierdoor kunnen wij ons focussen op het ontwerpen en ontwikkelen van goede, gebruiksvriendelijke en conversiegerichte websites en webshops.

Ben je benieuwd wat wij (met Figma) voor jou kunnen betekenen? We laten je graag zien hoe wij te werk gaan, en hoe we jouw website kunnen verbeteren.