WoolworthS APP

/

Redesign

This self-initiated project began with a simple observation: there were clear usability gaps that were likely creating friction for users. Rather than viewing these as surface-level design flaws, I approached them as underlying experience problems.I set out to analyse user behaviour, identify pain points, and redesign key interactions using established UX and UI principles. The objective was not just visual refinement, but functional clarity — improving the system in a way that aligned user needs with business goals.

the challenge

Woolworth Christian UX low ifd wireframe

HIGH VISUAL PERFORMANCE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Research & Problem Framing

I began by conducting a heuristic review of the existing Woolworths app, analysing the experience against key UX principles such as clarity, consistency, feedback, and navigation flow. As a regular user, I noticed friction points that disrupted task completion and created unnecessary cognitive load. These observations were documented and reframed into clear problem statements, focusing on real user goals rather than surface-level design issues.

HIGH VISUAL PERFORMANCE

Ideation & Design

Before creating high-fidelity wireframes, I sketched low-fidelity concepts to rapidly explore layouts, interaction patterns, and information hierarchy. This allowed me to experiment quickly and test ideas structurally without getting distracted by visual styling. Once confident in the direction, I translated these sketches into detailed wireframes and refined UI designs aimed at improving clarity, usability, and the overall interaction flow.

HIGH VISUAL PERFORMANCE

Testing & Iteration

To validate assumptions, I conducted informal usability testing with members of the public, observing how they interacted with both the original app and my proposed improvements. Feedback and observed behaviors guided a cycle of iteration — refining layouts, feedback states, and visual hierarchy. This iterative process mirrors studio-level UX methodologies, emphasizing evidence-driven design and continuous improvement.

How to show content to edit:
1. Add class "current" to "accordion_vertical-component"
2. Add class "current" to "accordion_verical-bottom"
3. When you published, make sure to only add "current" for the classes in the first tab.