F.Y.I.

This portfolio is newer and
continues to be updated regularly.

World's Children: Project Overview

The plan

Combining a database model with a hierarchical model.

By combining the hierarchical structure for navigation with the flexibility of a database model for content organization, their website benefits from:

Details

World’s Children desired to add search and sort capabilities, which take into consideration several forms of post-types.

CLIENT NAME : World’s Children

PROJECT TYPE :​​ UX/UI Design Development

TIMELINE : 1 month

TOOLS : FIGMA, Illustrator, Photoshop, WordPress, CSS

ROLES : UI Designer, Developer

Project phases

This project includes Ideation and Prototype phases. 

The Ideation phase includes the donor task flow, low-fidelity wireframes, and responsive wireframes. The Prototype phase which includes the mood board, UI kit, high-fidelity wireframes, and high-fidelity prototype.

Note: This project leveraged research conducted during our website redesign for this client, ensuring a cohesive and data-driven approach.

You can view Research and Define assets here.

Using the design thinking framework.​

Ideating

In this stage, I brainstorm the foundation for their solution, which includes the donor task flow and wireframes. 

Prototyping

Then, I developed hi-fi wireframes, and, finally, the prototype.

To view this case study in its entirety, revisit here on a desktop device.

World's Children: Project Overview

The plan

Using the design thinking framework to launch an engaging and action-inducing website.

This project follows a clear four-stage approach, designed to deliver a website that not only looks great but actively supports World’s Children’s goals.

Details

World’s Children desired an updated website with intuitive navigation, elevated branding, and responsive design with an easy check-out process.

CLIENT NAME : World’s Children

PROJECT TYPE :  UX/UI Design, Branding Development

TIMELINE : 6 months

TOOLS : FIGMA, Illustrator, Photoshop, WordPress, CSS, HTML, PHP

ROLES : UX Researcher, UI Designer, Developer

Project phases

This project includes four out of the five design thinking framework phases. 

The Research phase includes the competitive analysis and user (observational, quantitative, and qualitative) research.

The  Define phase includes the user personas, business goals, and a problem-solution matrix.

The Ideation phase includes the sitemap, task flow, low-fidelity wireframes, and responsive wireframes.

And finally, the Prototype phase which includes the mood board, UI kit, high-fidelity wireframes, and high-fidelity prototype.

How I used the design thinking approach:​

Deep Dive into Competitors and Empathize with Users

The team started by getting to know World's Children's audience intimately through observational, quantitative, and qualitative research.

Define and Contextualize

Leveraging insights from Stage 1, I participated in crafting personas, a problem-solution matrix, and an outline of business goals to inform the design of a website that surpasses the current one.

Ideate

In this stage, we develop the foundation for their website, which includes a sitemap, task flow, and wireframes. 

Prototype

I developed an enhanced brand identity and interface kit, hi-fi wireframes, and, finally, the prototype.

Project goals:

Simplify Navigation

Create an intuitive and responsive navigation system that's easy to use on any device.

Frictionless Donations

Create a smooth and user-friendly experience that encourages them to become heroes for children.

Focus on Impact Above the Fold

Capture attention with inspiring content and a clean, uncluttered design.

Storytelling and Hero's Journey

Showcase the stories of the children they help in a captivating way. Let donors see the difference they can make.

To view this case study in its entirety, revisit here on a desktop device.

Coming soon

I’m in the process of adding or updating this project. Come back soon. 

Download my resume