SaaS | Yarle
Werken-bij website editor
Voor Yarle werkte ik aan het ontwerp van een editor waarmee gebruikers zelfstandig een werken-bij website kunnen maken, inrichten en live zetten. Het doel was om een tool te ontwerpen die toegankelijk genoeg is voor recruiters, HR-managers en ondernemers zonder technische kennis, maar flexibel genoeg om een professionele werken-bij website op te bouwen.
Binnen dit project lag de focus niet alleen op de editor zelf, maar ook op de templates die gebruikers als basis kunnen gebruiken voor hun website. Mijn rol lag vooral bij het uitdenken van de gebruikersflow en het vertalen van de behoefte naar een duidelijke UX/UI-oplossing.
Waar ik aan werkte
Het bepalen van de benodigde features
Het uitdenken van de flow binnen de editor
Wireframes en UI-design
4
Meedenken over templates en website-opbouw
Het presenteren en toelichten van het ontwerp aan een Engelstalig developmentteam
Afstemming met developers over haalbaarheid, werking en vervolgstappen
De uitdaging
Klanten waren voor een werken-bij website vaak afhankelijk van externe bureaus, developers of andere technische partijen. Niet alleen om een website te laten maken, maar ook om later wijzigingen door te voeren.
In de praktijk merkten we dat er bij klanten regelmatig iets veranderde. Vacatures kwamen erbij, functies werden aangepast of moesten offline worden gehaald. Dat moest sneller en makkelijker kunnen, zonder dat klanten telkens afhankelijk waren van iemand anders.
De uitdaging was daarom om een editor te ontwerpen waarmee gebruikers het heft in eigen hand konden nemen, zonder dat zij ervaring nodig hadden met websites bouwen.
Doelgroep/gebruiker
De werken-bij website editor is gemaakt voor recruiters, HR-managers en ondernemers die zelf controle willen hebben over hun werken-bij website. Deze gebruikers hebben meestal geen technische kennis. Daarom moest de tool logisch, overzichtelijk en laagdrempelig aanvoelen.
Mijn aanpak
Bij dit project vond ik het belangrijk om vanaf het begin vanuit de gebruiker te denken. Wat wil iemand kunnen aanpassen? Waar lopen klanten nu op vast? En welke stappen moeten zo simpel mogelijk worden gemaakt?
Op basis van deze vragen hebben we de belangrijkste behoeften en pijnpunten in kaart gebracht. Daarna hebben we de ideeën opgedeeld in must-haves en nice-to-haves. Zo konden we bepalen wat nodig was voor een eerste versie van de editor, terwijl developers ook alvast rekening konden houden met mogelijke uitbreidingen in de toekomst.
Omdat het developmentteam Engelstalig was en deels uit het buitenland kwam, heb ik het ontwerp en de flows duidelijk moeten presenteren en toelichten in het Engels. Daarbij was het belangrijk dat niet alleen het ontwerp duidelijk was, maar ook de werking erachter: welke stappen de gebruiker doorloopt, waarom bepaalde keuzes zijn gemaakt en welke onderdelen belangrijk waren voor de mvp.
Vervolgens heb ik deze inzichten vertaald naar flows en visuele ontwerpen. Daarbij lag de focus op een duidelijke structuur, herkenbare acties en een interface die ook zonder uitleg te begrijpen is. Ik heb alle regels ook uitgeschreven in het Engels voor dit project.
Tijd voor een kopje thee?
Bel of app me gerust. Ik kom graag een keer langs om kennis te maken!
Nog een project zien?
Ik heb er hieronder een paar voor je uitgelicht:
