ACS user interface heroiphone mockup

A digital overhaul

Dec 2022 - Jun 2023

Timeline:

Scope:

Tools:

Site redesign

Python, Figma, DALL-E, Premiere, Webflow

Here's how I helped ACS Group increase their NPS score by 86% and their Time on Page by 780%.

The first step was to gather secondary and primary data, both qualitative and quantitative.

We assembled four secondary sources and designed a complementary survey to collect primary data.

aaia logo color
eban logo color
USCB logo color
eurostat logo color
Google forms logo color

We began with user and market data

Demographics

We merged the demographic and survey data to identify the age, gender, and income distributions of ACS’s audience.

These statistics established measurable milestones for the size and potential of ACS's market.

Population pyramyid

User Journeys

The survey data also let me evaluate user frustrations and expectations when using the ACS website.

With the survey responses, we mapped an aggregate user journey to better grasp the collective user experience and to pinpoint critical interactions.

Average user journey

User Vectors

To push analysis further, we reduced the dataset into operable feature vectors. These are the basic objects that enable more advanced ML methods and let me derive user insights.

Here, as an example, we graphed one feature (investment criteria) ranked by reported importance.

User vector investment graph

We found that ACS users prioritize three qualities.

Quantitivity

Quantifiable metrics allow users to evaluate the ACS stock analytically. Since ACS users primarily use the site to research the ACS stock, quantitivity is their biggest priority.

Measured by (KPIs):

Clarity

After quantitivity, ACS users most value clarity. A clear UI allows users to analyze company data without growing overwhelmed. This is especially important when displaying complex datasets, as is often the case with ACS.

Measured by (KPIs):

  • Bounce rate
  • Exit rate

Exhaustivity

The final statistically significant quality is exhaustivity, meaning complete and thorough reporting. Comprehensive reports of company operations are key for users to reliably analyze and forecast performance.

Measured by (KPIs):

  • Time on page
  • Scroll depth

However, the ACS website reflected none of these qualities.

The homepage neglected user flow. Besides an image slideshow, the home page was blank above the fold, without any text or CTAs to guide users through the site.

The IA was cluttered and disorganized, with several redundant subcategories nested in a tall and complex navigation tree.

We wondered...

What features would users find most valuable?

clarity

An organized projects catalog

phone mockup

To improve the site's clarity and exhaustivity, we designed an archive to showcase company projects in an intuitive format.

To help ACS employees access the archive, we also integrated the catalog into a CMS system.

Quantitativity

A powerful finance dashboard

As the core feature of the site, we designed a comprehensive dashboard that displays all financial reports in one page. Here, we made sure to include every metric that users mentioned to have had struggled finding.

desktop mockup

Ready-to-code datasets. The majority of survey respondants reported that unaccessible data was the most critical issue of the original website.

To relieve this, we included downloadable files alongside every report. Each available in several file types to let users easily access and work with the data.

Usability testing the prototype

mean bounce rate graph

Bounce rate fell by 13%

The reduction in bounce rate suggests that users were more willing to explore the site. Because most traffic arrives at the homepage, it also shows that the homepage was particularly more effective in directing user flow.

Mean exit rate graph

Exit rate dropped by 27%

The reduction in exit rate is another strong indicator of user engagement. It shows that users were successfully guided towards the site's core features and were presented with enough opportunities to explore further.

Mean time on page graph

Time on Page rose by 7.8x

The spike in time-on-page shows that the prototype was much more effective in capturing and retaining user attention. As expected, the new finance dashboard made up a significant portion of this increase.

mean scroll depth graph

Scroll depth fell by 34%

This was not expected. It seems that the abundance of short pages in the original site may have inflated its scroll depth. However, a 34% decrease does indicate reduced user interest and should be investigated in future iterations.

System usability score graph

SUS Score increased by 61

The 61 point increase in the System Usability Scale shows that the new user interface, information architecture, and content packaging were significantly more intuitive and successfully improved usability and the user experience.

Net promoter score graph

NPS Score increased by 86

A Net Promoter Score of 12 reflects a new overall positive sentiment towards the site, and shows that users were more charitable in recommending the website to their friends and collegues.

mean bounce rate graph

Bounce rate dropped by 13%

The reduction in bounce rate suggests that users were more willing to explore the site. Because most traffic arrives at the homepage, it also shows that the homepage was particularly more effective in directing user flow.

Mean exit rate graph

Exit rate dropped by 27%

The reduction in exit rate is another strong indicator of user engagement. It shows that users were successfully guided towards the site's core features and were presented with enough opportunities to explore further.

Mean time on page graph

Time on Page increased by 7.8x

The spike in time-on-page shows that the prototype was much more effective in capturing and retaining user attention. As expected, the new finance dashboard made up a significant portion of this increase.

mean scroll depth graph

Scroll depth decreased by 34%

This was not expected. It seems that the abundance of short pages in the original site may have inflated its scroll depth. However, a 34% decrease does indicate reduced user interest and should be investigated in future iterations.

System usability score graph

SUS Score increased by 61

The 61 point increase in the System Usability Scale shows that the new user interface, information architecture, and content packaging were significantly more intuitive and successfully improved usability and the user experience.

Net promoter score graph

NPS Score increased by 86

A Net Promoter Score of 12 reflects a new overall positive sentiment towards the site, and shows that users were more charitable in recommending the website to their friends and collegues.

UX Engineering

An industrial approach to user experience design.

Learn more
code illustration

Testing usability across European branches.

View case study
Santander phone mockup shell- under developmentSantander UI

This page is under development. Check back soon!