Een online academy.

Een website met de uitstraling van een professioneel SaaS product.

Voor Teach Digital mochten wij het concept, het design en de ontwikkeling verzorgen voor de nieuwe website. Teach Digital ontwikkelt unieke online marketing leertrajecten en dat vroeg om een unieke aanpak op de website. Geen standaard, maar vanuit een concept. Daarvoor is een gedegen onderzoek gedaan naar de werking en doelgroep van SaaS platforms en vanuit daar is het concept ontstaan dat alles de nieuwsgierigheid van de gebruiker moet wekken.

Een project waar ons volledig dienstenpakket aanbod is gekomen. Dat wil zeggen dat er tijdens verschillende co-creatie sessies met de opdrachtgevers een strategie is neergezet die als rode draad door het project moet lopen. Op basis daarvan hebben wij uitgebreid onderzoek gedaan naar de verschillende mogelijkheden voor een SaaS platform. Vanuit hier is een strak en modern design neergezet die past bij de stijl anno 2021. Voor de ontwikkeling is er gebruik gemaakt van een maatwerk thema voor WordPress. Dit samen met een aantal maatwerk plugins om de opleidings-module te automatiseren en te integreren met WooCommerce.

Opdrachtgever: Teach Digital
Tags: Ontwikkeling, Service, Strategie
Website: teachdigital.nl
Software staat bij ons centraal en we proberen bij ieder project onszelf weer uit te dagen. Wat is jouw uitdaging en hoe kunnen we jou helpen?

Een webdesign dat iteratief is ontworpen, op basis van wensen van de klant.

Rome is niet in één dag gebouwd en er leiden meer wegen naar Rome. Veel van deze uitspraken nemen wij bij Prikr als metafoor voor de realisatie van een design voor een website. Zo wil je dat je de juiste tone of voice gebruikt om je doelgroep aan te spreken, maar wil je ook aan de wensen van de klant voldoen. Hieruit ontstaat een zogeheten design cyclus waarin de klant mee wordt genomen in een aantal iteratie rondes, om zo tot het gewenste resultaat te komen.

Onderzoek, feedback en theorie zorgen voor de basis van deze moderne website.

Naast het onderzoek dat is gedaan naar verschillende websites van SaaS platformen en bijbehorende doelgroepen én de feedback is er ook gekeken naar theoretische modellen om de website op te bouwen. Zo werd er gekeken naar leestechnieken en deden wij user experience tests.

Teach Digital - inschrijfproces scherm 1 - Maatwerk software door Prikr.
Teach Digital - inschrijfproces scherm 2 - Maatwerk software door Prikr.
Teach Digital - inschrijfproces scherm 3 - Maatwerk software door Prikr.
Teach Digital - inschrijfproces scherm 4 - Maatwerk software door Prikr.
Teach Digital - inschrijfproces scherm 5 - Maatwerk software door Prikr.

Reactive programming.

Voor Teach Digital is ook een compleet inschrijfproces uitgedacht en uitgewerkt. Met standaard modules zoals WooCommerce werd het proces al snel omslachtig en merkten we dat de customer journey dat niet ten goede zou komen. Daardoor hebben we er uiteindelijk voor gekozen om een maatwerk inschrijfmodule te bouwen op basis van JavaScript, door middel van VueJS. Middels deze manier van werken wordt de pagina reactive en gaat het makkelijker om met realtime-updates. Dat wil in dit geval zeggen: De complete inschrijfmodule kan uitgevoerd worden op één pagina, zonder deze pagina daadwerkelijk te verlaten (wat je in de meeste gevallen van een afreken/inschrijf- proces ziet).

 

API koppelingen.

In het inschrijfproces is er ook een koppeling gelegd met de Google Maps API. Teach Digital heeft verschillende partners en om cursisten te koppelen aan de juiste partner wordt op basis van het ingevoerde postcode een lijst van partners samengesteld, waarbij te zien is hoe ver de partner van de postcode vandaan ligt. Op deze manier zal de cursist eerder kiezen voor een partner die dichter bij ligt. Dit verhoogd de gebruikers-ervaring enorm.

Daarnaast vroeg de manier waarop de inschrijfmodule tot stand is gekomen om inschrijvingen op een creatieve manier op te slaan. Normaal gesproken gebruik je bij een WordPress website met WooCommerce de standaard instellingen van WooCommerce (en komt een bestelling dus vanzelf in het dashboard te staan). Voor deze inschrijfmodule is gekozen voor de WooCommerce API. Zo worden er eerst verschillende validations gedaan en wordt daarna een aanvraag met aangepaste statussen in WooCommerce geschoten. Zo is het dus voor de experts van Teach Digital makkelijk om te beheren. Daarnaast is er ook een koppeling gelegd naar Pipedrive in het dashboard zelf. Alle aanvragen worden dus doorgestuurd naar Pipedrive.