Realisatie

De user experience komt pas echt tot leven tijdens de realisatiefase. Als strategie, design en techniek versmelten. Het eindresultaat is een online library , complete website, portal of webapplicatie.  

Extra liefde op de juiste plekken

We maken slim gebruik van bewezen standaarden en handige tools zodat we extra liefde en maatwerk kunnen stoppen in de plekken waar het van belang is. We creëren een online omgeving met herbruikbare componenten die doorontwikkeling makkelijk maakt.

Je werkt bij Acato samen met een team van toegewijde én kritische (interactie) designers, frontend developers en backend developers. Ze zijn dol op het vereenvoudigen van complexe vraagstukken en tegelijkertijd zetten ze ook de pixel op de juiste plek, de puntjes op de i.

Gedurende het Agile ontwikkelproces blijf je als klant aangesloten, we werken in flexibele samenwerking met ruimte om steeds de juiste focus te leggen op basis van voortschrijdend inzicht.

Tijdens de realisatiefase krijgt alles een vaste vorm:

Interface design | van wireframes naar volledig interactie ontwerp

Visual design | look & feel wordt ontworpen en komt tot leven

Online library | een kit (met design en code) , pas zelf de look & feel toe

Full stack development | front- en backend ontwikkeling in open source

Interface design

Welke interface-elementen zijn nodig en op welke plek?
We maken wireframes van de pagina’s. Dit geeft een goed overzicht van de scope en logica tussen en binnen pagina’s. De structuur, het gedrag en de interface krijgt vorm in lay-out, buttons, menu’s en formulieren. Alles krijgt een logische plek.

Het interface design is:

  • de basis voor een volledig ontworpen online omgeving
  • dankzij gebruik van werkende conventies snel beschikbaar
  • opgebouwd met herbruikbare componenten voor verschillende pagina’s
  • geschikt voor alle devices
  • getoetst bij stakeholders en developers

Visual design

Hoe maken we de interface verleidelijk en passend bij het merk?

Het unieke design concept en jouw online branding wordt hier toegepast op het interactieontwerp. Ook worden waar nodig animaties, iconen en motion design elementen ontworpen. Een creatief spel van kleurgebruik, copy, typografie en beeld. Het design staat niet op zichzelf, hier komt alles samen. Onze designers werken samen met de UX-specialisten, online strategen en developers.

 

Online library

Hoe zorgen we ervoor dat de look & feel zelfstandig toegepast kan worden?

Wil je dat dezelfde look & feel door verschillende mensen binnen en buiten je organisatie zelfstandig kunnen worden toegepast? Bijvoorbeeld voor doorontwikkeling of voor andere online toepassingen. Dan werken we de digitale huisstijl uit in een online library. Deze bevat alle ontwikkelde componenten:

  • alle compontenten en opbouw naar schermen
  • hoge kwaliteit design
  • voorbeelden, rationale & how to use
  • frontend code om het te bouwen

Full stack development

Welke technische keuzes zijn nodig voor een optimale user experience en een flexibele, schaalbare en betrouwbare omgeving?

We geloven niet in standaard templates maar wel in modulaire toolkits, bewezen standaarden, betrouwbare plugins én diverse handige tools. Hierdoor kunnen onze developers en designers alle extra energie en liefde stoppen in maatwerk voor de belangrijke content, interacties, databases en koppelingen.
Voor een hogere performance en betere gebruikservaring maken we websites graag met een headless setup. Hierbij kunnen dingen aan de voorkant voor de gebruiker makkelijker aangepast worden, zonder de backend te raken.

De backend en frontend developers zijn digital natives en dagen elkaar onderling uit in codetaal. Afhankelijk van de toepassing combineren ze onder andere:

WordPress | maatwerk voor websites met standaard CMS gemak

Laravel | PHP framework voor unieke en logisch gestructureerde webapplicaties

Vue & React | snelle Frontend Javascript frameworks die zowel makkelijk te gebruiken als makkelijk uit te breiden zijn

 

WordPress

We maken je website op maat voor jou, geen standaard templates. En toch heb je het content managementgemak van dé wereldwijde marktleider: WordPress. Doordat een grote groep developers er continu aan doorontwikkelt is het veilig en biedt het vele mogelijkheden.  Met een focus op online vindbaarheid. Er zijn meer dan 60.000 plugins met allerlei functionaliteiten waar we het wiel niet meer voor hoeven uit te vinden om een fexibele, goed vindbare én responsive omgeving neer te zetten.

Laravel

We werken met Laravel omdat we er uitdagende projectonderdelen mee kunnen ontwikkelen. Laravel is betrouwbaar, schaalbaar en als headless toepassing ook erg flexibel (back- en font-end worden los van elkaar ontwikkeld). Met het opensource framework Laravel combineren we slim hergebruik van bestaande Laravel bouwstenen met complexere maatwerk componenten: Admin panels, eigen SaaS producten, portals, middleware oplossingen (zoals API’s) en maatwerk websites.

Vue & React

We creëren verrassende en effectieve user experiences (UX). Hierbij maken we onder andere gebruik van rijker en complexere interacties met micro-animaties. Steeds meer ‘logica’ zit verwerkt in de voorkant van de website of portal. Met Vue of React als JavaScript Framework kunnen we een snelle website of portal maken doordat niet de volledige pagina hoeft te herladen. Alleen bepaalde super kleine componenten of functionaliteiten worden herladen. Het framework is veilig, makkelijk in gebruik en makkelijk uit te breiden.

Welk framework we gebruiken hangt af van wat ontwikkeld moet worden. Bij online omgevingen met meer animaties gebruiken we meestal Vue en bij meer transactionele omgevingen React.

We bieden uitgebreide mogelijkheden voor de uitwisseling met data uit diverse systemen zoals WMS, ERP, CRM en Sales of E-commerce software (e.g. SAP, Salesforce, Woocommerce).

Je krijgt een betrouwbaar, verrassend en schaalbaar eindresultaat met oog op de toekomst: de verdere digitale transformatie van jouw organisatie.

Na oplevering helpen we je graag veilig en up to date te blijven! Naast hosting en onderhoud helpen we graag verder met de volgende stap van de roadmap of met de verdere optimalisatie samen met jou en de doelgroep.