top of page

Change Alliance

CLIENT

Change Alliance

PROJECT TOOLS

Figma, Wix

LOGO TWO LINE BLACK (TRANSPARENT).png
BRIEF

Create a website for the Change Alliance to

 

To harness the momentum of the anti-racism movement, the Change Alliance aims to address racial inequality and drive true equity in the workplace. Focusing on engaging with young people, barriers to entry, experience within the workplace and opportunities to excel. Change Alliance together as an open and inclusive group to create a clear, practical framework to address underrepresentation of Black people in senior positions, ethnicity pay gaps and microaggressions in the workplace; each of the recommendations in our framework will cultivate an inclusive environment for all minority groups across each pillar of diversity.

​

2. Discovery and research

3. Sketching and concepts

4. Final design and prototypes

5. Results of testing

6. What you would improve next time

What is the purpose of our website?

  • To inform and engage

  • To describe the VoicesProject in a visually engaging way

  • To host oral histories

  • To share lesson plans with teachers

  • To recruit participants to send in their oral histories

Who is the target audience?

  • XXX

Sketches

​

Example

I usually start the design process with low fidelity wireframes. This is the way I iterate through many design options quickly.

​

Guiding Questions:

  • What was the main purpose of your sketches? (presenting, testing, brainstorming?)

  • How did your knowledge about your users and their goals influenced your sketches?

  • How many different versions you made?

  • What were the main differences among these versions?

  • Which version did you choose and why?

  • Explain the layout and the arrangement of the elements!

  • Why did you put the elements to a certain place?

  • How did your sketches helped you more forward?

Personas (Charlie)

​

Example

​

Based on the interviews/workshop we set up three personas. We referred to them throughout the entire product development process.

​

Guiding Questions:

  • At what point and why did you decide that you need personas?

  • What kind of methods did you use while developing the personas? (User research, or involving stakeholders?)

  • What information did you provide about each of the personas? (context, problems, motivations, etc)

  • At which points of the design process did you reflect back on your personas?

User Journey

Example:

I mapped out the users’ steps to see how I could simplify their journey to help them reach their most important goals with the product.

Guiding Questions:

  • Why did you decide to do user journey mapping?

  • How did you choose the most important user goal to map?

  • How did you determine the steps of the user journey?

  • How do the users feel and what do they think at each step of the user journey?

  • What ideas emerged to improve the experience in certain steps?

  • How did the user journey mapping help you to design a better product?

Card Sorting

Example

I decided on the main categories of the webshop with a Card Sorting session.

Guiding Questions:

  • What was your main purpose? What navigation problems did the website have?

  • What type of card sorting method did you work with? (Closed or reversed, online or in-person)

  • How did the participants group the information?

  • What have you learnt about their mental model?

  • What kind of new navigation structure did you suggest?

  • What changes did you propose based on the card sorting?

Flow Diagram  

To understand how customers find and interact with the service I created a flow diagram.

Guiding Questions:

  • What were the steps of the customer journey?

  • How do they interact with the service?

  • What happens after using the service?

  • What were the main pain points for the user during the customer journey?

  • What solutions did you find to treat these pain points?

  • What new features or design changes came from mapping the customer journey?

  • smooth and friction-free as possible.

  • You need to consider the different flows / the different scenarios of using your software
    ● You need to identify the top flow and design for those

Screenshot 2023-05-09 at 00.07.35.png

Low fidelity

Wireframes

​

Example

At the beginning of my design process I created wireframes for testing purposes.

​

Guiding Questions

  • Why was it useful to do this?

  • What kind of wireframes did you make?

  • Low fidelity or high fidelity?

  • What tool did you use for this?

  • Did you use them for testing?

  • How many iterations did you have?

CAwireframes
Artboard (1).png

UI Design

​

Example:

​

Once I tested out all usability mistakes, I started designing the final screens in Sketch.

​

Guiding Questions:

​

  • What kind of visual style did you follow? (Fresh, corporate, dark, light?)

  • What inspired you to use this style?

  • Did you follow any guidelines? (Material Design, iOS Styleguide, etc?)

  • What platforms did you design for?

  • Which details really fill you with pride?

  • How does your final design reflect your learnings about your users?

  • How does this design help achieve business or user goals?

CA website layout (3).png

What have you learned from this project?

​

Explain what you had learned, experienced, or simply how you felt during the project.

​

  • What were your biggest fears, problems, struggles?

  • How did you overcome them?

​

Being honest is a good thing, it means that you are aware of what you’re doing.

bottom of page