NovoSync is een intern project binnen dNovo, het is een systeem waarin klanten kunnen inzien welke processen lopen tussen diverse platformen en wat de status van dat proces is. Het is nog in de beginfase en het systeem wordt momenteel doorontwikkeld en gebruikt door een aantal klanten. Voor NovoSync heb ik de website ontworpen waar bestaande of nieuwe klanten een koppeling kunnen aanvragen voor hun webshop of website. Bijvoorbeeld: een Magento webshop gekoppeld aan Afas. Op de website kun je jouw website platform selecteren om te zien welke koppelingen er daarvoor mogelijk zijn. Ook kun je dan een contactformulier invullen welke koppeling gewenst is of dat er maatwerk nodig is. Dan wordt er contact met jouw opgenomen zodat er meer besproken kan worden over de opdracht.
Voor NovoSync heb ik verschillende pages ontworpen en de homepage heb ik gebouwd in HTML en SCSS, dit was mijn eerste project van de stage. Voordat ik ging ontwerpen heb ik eerst veel onderzoek gedaan naar soort gelijke bedrijven die hetzelfde leveren en andere elementen die ik heb gebruikt in het ontwerp. Bij het ontwerp heb ik de huisstijl van dNovo aan gehouden, omdat het een onderdeel is van dNovo. Ik heb gekozen voor een wat donkere look, dat vind ik beter passen bij de stijl van dNovo en NovoSync.
Bij de homepage zie je een visual die niet final is, maar er alleen staat als opvulling. Daaronder zie je alle integratie platformen die mogelijk zijn bij NovoSync, hier kun je er een selecteren en dan word je door verwezen naar de integratie platformen pagina. Verder is het op de homepage mogelijk mogelijkheden en voordelen te zien van NovoSync. Ook is er te zien wat andere klanten zeggen over hun website en wat ze ervan vinden. Als laatste is er een contact formulier te zien waarin de klant kan aangeven welke koppeling ze nodig zijn.
De integratie platformen pagina laat zien welke koppelingen mogelijk zijn voor dat platform, ook heeft elk platform zijn eigen stijl en is dat ook terug te zien op de pagina. Op de pagina is er een mogelijkheid om je selectie te resetten waardoor je terug gaat naar de homepage. Als je een koppelingsmogelijkheid selecteert kom je op de speciale pagina voor die koppeling oftewel integratie. Verder is het design net zoals de homepage en komt er geen nieuwe content bij.
Het ontwerp van de integratiepagina geeft informatie over de desbetreffende integratie waarbij je eerst een korte intro hebt die ook te zien is op de integratie platformen pagina. Daarna zie je uitgebreide informatie over die integratie. Net zoals bij de andere pagina hebben de integraties hun eigen stijl.
Bij dit project heb ik ook een deel gebouwd van de site. Daardoor heb ik veel geleerd en heb ik voor het eerst kennis gemaakt met een contactformulier en Javascript. Ook heb ik een kennis gemaakt met een Kitchensink en heb dit ook hiervoor gebruikt.