the vault matt teixeira portfolio product design ux/ui making your executor life easier

Duration

May - Jun /2021

Responsibilities

Concept to Prototyping

Results

• Redesigned application based on UX Principles

• Metrics that would have been measured: Tickets Bought Over the Last 30 Days, Ads CTR, Monthly Active Users

My Impact

01

Redesigned Running Calendar based on important User Experience Principles that aimed to increase the overall app experience and metrics.


02

Ideated a smoother way to show ads, increasing the number of ads seen and potentially their CTR.


Strategic Vision

runningcalendar.com.au is the to-go website for runners, triathletes, and other sport enthusiasts to find events to participate around the country.

The only problem is: the website’s has very poor User Experience/Interface.

Therefore, with no data available, I have redesigned the website simply utilising design principles and having an understanding of how information on a website should be structured. By being a long-time user of the website, having gone through certain frustration when browsing events has also helped me tremendously.


Problem

Running Calendar has poor UX, UI, and IA


It hurts me saying it, but one of my most loved websites truly delivers a poor User Experience. Usefulness is there, but not a not of usability or desirability.

These glitches, even though can be dealt with since Running Calendar is the main race aggregator in Australia, contribute for a poor Experience and a weaker competitive advantage. Had the website focused more on their product, they could have an even bigger competitive advantage.


Solution

Solve noted pain points for a better experience and higher metrics


Improved Information Architecture

A more intuitive IA leads to a better, easier, more intuitive experience.

Better Event Visualisation

Facilitating user’s visualisation of events is likely to get them to sign up to more events.


Heuristic Analysis
Information Architecture

Other website’s main flow is very simple: get people to browse events so that they can find one that they’d like to go - other flows are also important, such as get more organisers to advertise their events and convince users to pay for a premium subscription.

Regardless, the two latter ones are only effective is the former is great. Less advertisers will be willing to pay for exposure, as well as less users will be willing to pay for the premium version if the main flow (browsing events) isn’t as optimal as it can be.

Having said that, the poorly designed Information Architecture does not allow for a good experience when browsing events.

Goals

1. Polluted Visual Design

Because of the poor IA and Visual Design, the design became extremely polluted, causing too much cognitive load to the user. Unimportant links showing in the sidebar, and so on.

2. Event List and Page with no Clear Hierarchy

Event cards don’t show an extremely important piece of information: distance. Also, event pages don’t have clear hierarchy or desired action for the user to perform.

3. Ads ‘incorrectly’ being portrayed

There isn’t a correct way to portrait ads. However, the biggest AdTechs all blend their ads with the rest of the experience (ex: on Instagram, ads are just photo cards, and Google Ads on search are shown as if they were links to a search the user just made).

I do think that, by blending ads with the rest of the navigation components we would enable the user to have a better experience.


Design Goals

Problem defined, time to set goals and metrics for the redesign

Success Metrics

• Tickets Bought Over the Last 30 Days

• An increase in tickets bought translates into higher revenue and users going to races

• Ads CTR

• An increase would mean users are getting more value from the ads

• Monthly Active User

• An increase in MAU might mean users are getting more value out of the platform


P&P Sketches

First few sketches


Solutions

A solution to all the problems

Goal #1: New Information Architecture

With this revised Information Architecture, we accomplish a few important design goals:

Goal #2 - Improve the Visual Design

Goal 3# - Make Important Design Changes

Other important changes such as replacing the home page’s ‘hero banner ad’ and explanation of how to search for events in the home page, as well as changing CTA’s colour and size would provide the user with a more structured page and hierarchy, leading the user to the actions we want them to take.

Goal #4 - Redesign Ads to Seamlessly Integrate in the Experience

Ads are now cards that blend into the user’s experience instead of ‘looking too ad like’ and interrupting the user’s flow and experience.


Final Redesign

and finally...


Key Learnings

What I learned with this initiative

1. Design principles are extremely important

I can’t stress enough the importance of understanding design principles after having gone through this sprint.

Gestalt, Jakobs and other principles such as how to utilise of colours, sizes and styles to add hierarchy to the Interface and guide the user to a desired action is due mostly to these principles. A make or break for a design.

2. User-centricity is King

At any moment of any sprint, a designer (and others) should be taking decisions based on what will be better for the user. Nothing else. As Steve Jobs once said in a 1997 Apple event: