GFK - Newron

GfK is the unparalleled, always-on, AI-powered intelligence platform and consulting service for the consumer products industry, globally. The gfknewron platform allows you to move at the pace of today’s business. The single access point to your brand, market, and consumer intelligence, enhanced with AI-foresight and recommendations. Visit GFK

Working at GFK quick summary

An amazing agile environment with cross-functional teams. Using latest technologies, data-driven and user-focused.

  • Collaborated with various departments to produce solutions, such as Search engine team, Forecasting, Promotion planning and Internal tools [backbone of our SASS software].
  • Researched some of our biggest clients such as Samsung, LG, ACER etc to find any painpoints, get feedback and fix any issues.
  • I had the pleasure to use all of my creative skills such as product design, user journeys, create icons, animations and front end skills to create templates.

Worked with the search engine team

Produced multiple solutions for the search team.

UNOR – Example

The solution

Having a unified reporting system is critical to prevent accidents, inform employees, and keep a history track with before and after content.

I used lighthouse accessibility tool and successfully passed the web app tests with high score

Fully responsive for every screen

Design process

 

Interview

To understand the problem in depth I started interviewing my department and then random departments picking one employee that has reported issues in the past. This way I would have an overall idea of what are the needs and current pain-points.

After each interview, I would synthesize the major findings and note them down.

I gathered my data after interviewing 15 employees with distinct titles and 4 building supervisors who have the responsibility to take care of the issues presented by UNOR. From the insights gathered it was revealed that 60% of the employees avoided reporting issues because they don’t know where/how-to, they don’t want to go through the hassle to submit a form with multiple fields which is time-consuming.

The key facts I had to take were:

  • Time-consuming – so everything had to be done in less than 3 clicks
  • They don’t know where – more exposure required.
  • How? – The new system has to guide the user by being informative, without huge amounts of text, probably a tooltip guided interactive system.

Flow model

I drew a flow model to understand how the system should perform and to identify the merging and breaking points. This helped me to gain a better understanding of the entire process.

LoginMapBuildingsProfileBuildingReport issueSearch issueSelect issueUpdate detailsRate issueAdd after picView detailsSearchReport issueView detailsSelect BuildingSelect BuildingNotificationNotificationNotificationNotificationNotificationNoYesSort issuesExport PDFView detailsView issuesView dashboardDashboardLog outLog outUser admin

Wireframing, from low-fi to high-fi

I usually love drawing my initial ideas on paper first before I move to any tool.

I walked through the design catered to their needs by sending links to key people involved in the project through Adobe XD / InVision.  After each feedback session, I incorporated the changes.

Sample of initial wireframes and UI designs

Typography, Colors, and Icons

BoldLine

Development & MVP

After every design being accepted I jumped into development mode. I took each design and started coding the templates focusing on responsiveness with HTML5, CSS3, Javascript while collaborating with a PHP backend developer on Github / Bit bucket repository.

We pushed the web app live quickly in order for key employees to have something to use in order for me to gather further insights and tackle every bug and design issue from the beginning.

This way the product continues to grow and expands on functionalities.

Final stage Metrics & A/B testing

I was more than happy with the ending result, but my research never stopped. I run A/B testing with key employees by installing a tracking tool like HotJar in both the main domain and subdomain to track users’ online behavior on smartphones and desktops.

After one month of usage, I managed to gather significant stats that I could review and fix any leftover issues. Based on that I made a presentation to higher-up executives to decide and follow the most intuitive design in order to finalize it.

Old Design examples during testing

Facility homepage


Before / After 1

UKAEA - Facility Map Homepage

UKAEA – Facility Map Homepage

 

Before / After 2

What was achieved?

  • Efficient reporting CMS app
  • Building portfolio
  • Rating system & notifications
  • Increased safety and awareness throughout the facility
  • Intuitive modern UI
  • History tracking