Charity Webb

UX/UI Designer skilled ​in optimizing work ​processes to enhance ​user experiences and ​deliver easy to use and ​enjoyable products.

©2023

About Me

A passionate and versatile designer with a focus on ​empathy, understanding human behaviour, ​psychology, user experience, research and visual ​design. Experienced with the entire design process ​from user research, defining the problem, ​brainstorming, prototyping and testing, marketing ​and launching. Overall creating great experiences for ​customers and stakeholders by prioritising their ​needs. Experienced working dynamically within a ​team requiring strong interpersonal skills, clear ​communication, and flexibility.

Dedicated and detail oriented with a positive mental ​attitude. Analytical. Passionate. Creative. With a ​background in Criminology and Psychology I have a ​genuine curiosity for human behaviour and ​understanding the motivations behind people's ​actions.

Project: FUPAY

Role: Sole UX/ UI DESIGNER

Duration: 2 weeks

FUPAY is an easy simple invoicing web app ​platform aimed at freelancers. You can create, ​customise and send professional invoices to ​clients. Collect payments and send out payment ​reminders. Freeing up freelancers time to focus ​on important tasks.

WATCH PROTOTYPE

Let's talk ​Research

Qualitative research is used to gather ​insights or observations about users. ​This type of research is useful for ​discovering problems and determining ​design solutions.

UX interviews tend to be a quick and ​easy way to collect user data, they give ​insights into what users think about a site, ​an application, a product, or a process. ​They can point out what site content is ​memorable, what people feel is important ​on the site, and what ideas for ​improvement they may have.

What was the aim?

• To discover any workflow problems ​interviewees may have.
  

• Determine their work environment ​and needs.
  

• Understand their tasks, ​responsibilities, and the tools that ​they use for work.
  

• Figure out their processes.
  

Interviews

I interviewed 5 people. Three men and two ​women. The age ranged from 29 -43.

One of the interviewees was a small business ​owner two freelancers and the other two were ​part of the sales team at a large company.

A regular pain point that was mentioned during ​all of the interviews was issues with payment, ​whether this was with receiving regular late ​payments or with processing invoices and ​keeping track of incoming or even getting the ​client to pay all together.

What the ​Research said....

More ​Research ?!

Secondary research is used to gather insights or observations about users. This type of research is useful for discovering problems and determining design solutions.

To discover the data prior researchers have collected that is relevant to what you are trying to learn.

The main purpose of this research is to collect data and insights that deepen your understanding of the problem space

More ​Research ?!

Secondary research is used to gather insights or observations about users. This type of research is useful for discovering problems and determining design solutions.

To discover the data prior researchers have collected that is relevant to what you are trying to learn.

The main purpose of this research is to collect data and insights that deepen your understanding of the problem space

What was the aim?

When conducting the secondary research, I ​tried to focus more on the data that would ​allow me to understand the freelancing process ​and what issues specifically arose for them. ​This was so that I could have a complete ​understanding of why late payments and ​invoicing are such a huge pain point for most ​freelancers.

My main goals were to:

• Determine what the main pain points ​were for freelancers.
  

• Discover the normal processes for ​invoicing

• Identify what solutions are already on the ​market.

• What tools are freelancers are already using

Through the research I found that 70% of freelancers receive late payments. 4% of payments ​are cleared on time. Which is clearly a large issue when considering this is the main source of ​income for these types of workers.

Benchmarking

UX benchmarking is the process of ​evaluating a product or service’s user ​experience by using metrics to gauge its ​relative performance against a ​meaningful standard. These metrics are ​usually collected using quantitative ​usability testing, analytics, or surveys.

Visual benchmarking : To see what the ​available invoicing apps looked like and ​how they presented their software.

Feature benchmarking: What type of ​features do these products offer, how can ​I utilise some of these features in my ​product and improve them?

Based on my research, I chose to conduct ​some benchmarking, to understand the ​market a little bit better. I chose to do two ​types of benchmarking that I felt would be ​beneficial to what I wanted to know.

What did I find out ?

Many web apps offered customised ​invoice templates and promoted this quite ​alot. The personalisation aspect seemed ​to be a large focus for most of these ​companies.

The focus on automated invoicing was ​mainly for large companies. From the ​research conducted I did not see any ​software that target freelancers and ​entrepreneurs as their market

Visually the layouts were similar ​throughout the different softwares with ​the same neutral colours used.

What is a user persona?

A user persona is a fictional character that represents your ​target audience. Although a user persona is not a real ​person, it’s based on data and facts obtained through real-​life interviews, surveys and other forms of user research.

The purpose of personas is to gather your findings and use ​them to define a realistic character that is likely to use your ​product. By personifying users, it helps to visualise them as ​real people. As such, you can relate to their limitations, ​struggles, successes and goals, ultimately enabling you to ​create a personalised user experience optimised for their ​needs..

Derek Wry

Age: 32

Location: Barcelona

Occupation: Teacher

A picture of the colour scheme used for Fupay UI

Colour Scheme: Originally I'd decided to go ​with a dark theme, I chose this because, I like the ​way the UI looks on apps that utilise this.

When researching I found that a majority of the ​software on the market tend to use the same ​colour schemes and they look very much a like. I ​wanted my web app to stand out and not be the ​industry standard. The purples allow for goods ​contrat when using darker backgrounds.

What's Next ​for Fupay ?

• Integrating banking into the app, so ​that it is possible to keep track of a ​users in-goings and outgoings.

• Allowing clients to have an account ​that allows them to pay and keep track ​of their invoices.

• Continuing to improve the UI by doing ​user testing to determine how intuitive ​the current layout is and whether ​there are ways to improve the ​usability.
  

case study

WATCH ​PROTOTYPE

WATCH PROTOTYPE

case study

paddle barn website

re- design

The Brief

• Team - Charity Webb & Josep ​Villenueva
  

• Role: UX/ UI DESIGNER
  

• Duration: 5 days
  

• Five days to re- design a small business ​website.

• Focusing on information architecture, ​branding and response layout techniques.

WATCH PROTOTYPE

THE ORIGINAL

• No navigation bar

• No booking system
  

• Visually bland
  

• Looks unprofessional

• Basic information
  

Let's talk about the client.

• Clean , modern, secure, easy as possible to navigate and to book.

• The physical shop has been handmade from wood that has been reused a recycled, which tied in with the 'barn' concept and the focus on eco sustainability.
  

• The yellow colouring is a warm tone which suggested friendliness and openness.
  

Re- Branding

• Colours relate more to

sea and visuals of the beach

• The general feel is positive
  

• Visually energetic
  

• Logo relates more to concept
  

• Feels Valuable
  

Benchmarking

“Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.” Jacob Nielson

• Booking systems

• Navigation layouts
  

• Extra features
  

• General layout
  

Iterations

Old

New

Mobile versions

Future Steps & Conclusions

• More Usability Tests
• In depth market research
• Develop further pages