GREXX - PLATFORM

For low-code software company Grexx I worked on the (re-)design of their low-code development platform. For over 20 years Grexx creates 'digitized ecosystems', which means they not only provide clients with an application, but also think with them about opportunities for them and their environment. 'Collaborative advantage'. The Grexx Platform is the place where low-code applications are developed. Till this year it were their own conslutants and configurators who mostly developed the applications. They wanted to upgrade and redesign the old platform to a more user-friendly web application. A platform where not only their own people can develop, but everyone.

2019-2021

Grexx

Naarden, The Netherlands

 

(Re)Design

Web application

Research

Concepting

Wireframing

Prototyping

UI Design

Adobe XD

HTML
CSS

Vue

Javascript

FROM

oud.PNG

BEFORE

Grexx' low-code development platform called Grexxboxx was still used by and for companies like KPN and Robeco. Their applications were made by Grexx' own consultants and configurators and although it was 'low-code', it was not as easy-to-use and user-friendly they wanted it to be. I was supposed to find out what was needed to create a platform that is easy-to-use not only for experts but also for beginners. The older Grexxboxx was almost as complicated to use as coding applications completely. 

flow.PNG

RESEARCH & CONCEPTING

At first, I made some basic applications using the Grexxboxx myself. This way I could learn to know the platform and note the difficulties I found. After this I planned interviews with both our developers and consultants to learn about their needs and desires. Through the years, they found a lot of possible improvements and this way they could share those with me. In those interviews, I found out that the platform - with all the designers and sections - was to big to 'rebuild' as a whole. It seemed better to cut it into smaller 'pieces' and (re-)design every 'piece' one by one. This made it easier to receive continuously feedback and made the process faster. For every designer, I planned short calls with our consultants and configurators to find out what they think was important. It was striking that many of the same points emerged despite each consultant is using the platform with different intentions.

sketching.png

SKETCHING

We started with a designer called Form Designer. This was a good starting point due to the not too big impact changes would make on everybody his and her applications and also to 'get them on the train' when showing a freshly made design. The sketching phase, I worked closely with the CTO and Manager Development and Operations, as well as with the developers. I could easily pitch my (sketched) ideas to them before pitching them to consultants and configurators. After this, we worked our way through all other designers and screens. At the point were there was a (low fidelity) wireframe for every designer, we started connecting the screens and think bigger. 

atalanta-prototype.PNG

PROTOTYPING

Connecting the screens and make it possible to click through the application. A great way to collect useful feedback from consultants and configurators, as well as from people who never used the application before. From this point, they became important too. This seems a bit late, but before this they did not know what they 'need' or want. That's why we chose this moment to involve them.

Before diving into the visual design phase, we received and processed the feedback. At this point I took a moment in the Grexx meeting, a montlhy meeting where the whole company comes together. 

atalanta-closeup.PNG

 VISUAL DESIGN

Before I started with (visually) designing the designers, I had to think about the Styleguide and with this came the complete (re)design of the Corporate Identity. Started with the colors and a logo. After completing this and when I got a 'go', I started making a styleguide for the application to share with everyone who needs it (in future). Making and using this styleguide made the visual design part a lot easier and gave the application a complementary look and feel, overall. The purple and blue color are reflected in the entire platform as well as the new corporate identity (and website). Beautiful, 'Grexxy' colors used in a clear and fresh platform with a 'material-istic' look.

TO