Learning and earning: Becoming Uxcel's #2 UX Designer globally 🏆

🏆
Learning
and earning: Becoming Uxcel's #2 UX Designer globally

Context

I completed several Uxcel design challenges and courses to improve my UX expertise. This lead to me achieving the award of Top 2 UX Designer and Top 10 Designer (all roles) 2023, out of over 300,000 people on the Designer Rankings leaderboard.

• Tool: Figma

• Timeline: 2023 - Present

• Role: UX designer, researcher

Context

I completed several Uxcel design challenges and courses to improve my UX expertise. This lead to me achieving the award of Top 2 UX Designer and Top 10 Designer (all roles) 2023, out of over 300,000 people on the Designer Rankings leaderboard.

• Tool: Figma

• Timeline: 2023 - Present

• Role: UX designer, researcher

Heuristic analysis

A persona of a virtual art gallery app user

Heuristic analysis

A persona of a virtual art gallery app user

Problem

Uxcel brief: Libro.fm is an online audiobook retailer. I was tasked with analysing the site to catch any easy usability improvements. I uncovered several usability issues across the user flow of finding and buying an audiobook.

I evaluated the checkout flow with the heuristic review method using the Nielsen Usability Heuristics. This evaluation helped me to identify primary usability issues.

Problem

Uxcel brief: Libro.fm is an online audiobook retailer. I was tasked with analysing the site to catch any easy usability improvements. I uncovered several usability issues across the user flow of finding and buying an audiobook.

I evaluated the checkout flow with the heuristic review method using the Nielsen Usability Heuristics. This evaluation helped me to identify primary usability issues.

Solution

Heuristic analysis with:

Description of issues found, things done well, and which heuristic is broken or passed with a severity rating.

Suggested improvements to pass the heuristic and improve usability.

See Figma file

Solution

Heuristic analysis with:

Description of issues found, things done well, and which heuristic is broken or passed with a severity rating.

Suggested improvements to pass the heuristic and improve usability.

See Figma file

Notification microcopy

A persona of a virtual art gallery app user

Notification microcopy

A persona of a virtual art gallery app user

Problem

Uxcel brief: Cosmic Beauty is a fictional fashion retail app. 'Due to an unexpected mishap with logistics, a batch of your deliveries is running late.'

I was tasked with writing copy for a push notification message from their app to inform affected users of the delay.

Problem

Uxcel brief: Cosmic Beauty is a fictional fashion retail app. 'Due to an unexpected mishap with logistics, a batch of your deliveries is running late.'

I was tasked with writing copy for a push notification message from their app to inform affected users of the delay.

Solution

Microcopy that clearly outlines the problem (that the order is delayed and why) and tells users what to do next (track their order or chat with support).

Buttons that inform users of the available choices even if they skim read.

See Figma file

Solution

Microcopy that clearly outlines the problem (that the order is delayed and why) and tells users what to do next (track their order or chat with support).

Buttons that inform users of the available choices even if they skim read.

See Figma file

Further Explanation

Uses simple language that’s easy to understand and in alignment with the brand voice expected of a fashion app.

Emojis to the left of title and actions, for faster visual processing, with emojis on the right to add visual balance.

Buttons are action-based, avoid generic words like yes, no, ok, and cancel, and specify what happens once selected.

Further Explanation

Uses simple language that’s easy to understand and in alignment with the brand voice expected of a fashion app.

Emojis to the left of title and actions, for faster visual processing, with emojis on the right to add visual balance.

Buttons are action-based, avoid generic words like yes, no, ok, and cancel, and specify what happens once selected.

CTA microcopy writing

Alt text coming soon, see Figma file at top of page for full text

CTA microcopy writing

Alt text coming soon, see Figma file at top of page for full text

Problem

Uxcel brief: 'Craft a compelling CTA button label and subheading on the landing page below the headline, aimed at motivating visitors to sign up for the free trial'.

Problem

Uxcel brief: 'Craft a compelling CTA button label and subheading on the landing page below the headline, aimed at motivating visitors to sign up for the free trial'.

Solution

[To write]

See Figma file

Solution

[To write]

See Figma file

Icon redesign

A persona of a virtual art gallery app user

Icon redesign

A persona of a virtual art gallery app user

Problem

Uxcel brief: Develop a fresh look at the iconography that will help users utilise all the app's features and enjoy their experience.

Redesign the existing set of icons for the app's bottom navigation bar. Your task is to craft icons that help users recognize actions and accomplish their goals.

Problem

Uxcel brief: Develop a fresh look at the iconography that will help users utilise all the app's features and enjoy their experience.

Redesign the existing set of icons for the app's bottom navigation bar. Your task is to craft icons that help users recognize actions and accomplish their goals.

Solution

The icons make it easier to navigate the app because they have labels to prevent confusion for users who aren't familiar with the symbol, are simple, universal, larger to increase ease of seeing and tapping, and have better colour contrast for accessibility.

They are also more consistent in style while still aligning with the brand.

See Figma file

Solution

The icons make it easier to navigate the app because they have labels to prevent confusion for users who aren't familiar with the symbol, are simple, universal, larger to increase ease of seeing and tapping, and have better colour contrast for accessibility.

They are also more consistent in style while still aligning with the brand.

See Figma file

Uxcel Design Contest 2023

A persona of a virtual art gallery app user

Uxcel Design Contest 2023

A persona of a virtual art gallery app user

Problem

Uxcel brief: For the Uxcel Design Contest 2023, I was tasked with designing a search and booking experience to help people easily discover holiday-related events and experiences in their location of choice. Currently, on many event-booking websites it's difficult to find accessibility-related information. 

Problem

Uxcel brief: For the Uxcel Design Contest 2023, I was tasked with designing a search and booking experience to help people easily discover holiday-related events and experiences in their location of choice. Currently, on many event-booking websites it's difficult to find accessibility-related information. 

Solution

A feature to enable people to more easily see accessibility information about an event and filter events by accessibility. Competitor analysis, high-fidelity mockups, and low fidelity prototype (3 screens).

See Figma file

Solution

A feature to enable people to more easily see accessibility information about an event and filter events by accessibility. Competitor analysis, high-fidelity mockups, and low fidelity prototype (3 screens).

See Figma file

Let's connect! 💬

Have a question, comment, or want to
work together or chat about interests?

Email me

🛠️ Made with 💜 by Damian Summersall © 2024.
🌇 All icons, images, fonts licensed for use via Unsplash and Creative Commons (CC).

🌱 This site runs on ⚡️sustainable energy and has a carbon rating of B, cleaner than 75% of pages tested.

💬
Let's connect!

Have a question, comment, or want to
work together or chat about interests?

Email me

🛠️ Made with 💜 by Damian Summersall © 2024.

🌇 All icons, images, fonts licensed for use via Unsplash and Creative Commons (CC).

🌱 This site runs on ⚡️sustainable energy and has a carbon rating of B, cleaner than 75% of pages tested.