Stage 3. User flow and Medium-Fidelity Wireframe

With the problem clearly framed and research patterns identified, I mapped the end-to-end user flow, from campaign creation to audience definition, message configuration, and scheduling, highlighting key decision points and potential error moments along the way. Based on this flow, I translated the structure into medium-fidelity wireframes, focusing on information architecture, step-by-step guidance, and reducing cognitive load throughout the happy path. I chose to structure the flow using a wizard pattern, breaking the campaign creation process into clear, sequential steps to reduce cognitive load and minimize the chances of user error. This stage was essential to validate the logic of the experience before moving into visual design, ensuring every screen served a clear purpose within the broader flow.

User flow

link to user flow:
https://miro.com/app/live-embed/uXjVHCVpLKc=/?embedMode=view_only_without_ui&moveTo Viewport=-3653%2C-1549%2C8819%2C6125&embedId=628100546521

Medium- Fidelity Screens

home/campaigns

create a campaign/name

create campaign/selection/audience/CRM segment

create campaign/selection/message/welcome

create campaign/select/submit/submit now

create campaign/review

create campaign/campaign submitted

Key states: empty, error and success

status/empty

status/error

status/success

Key Takeaways

→ Reduced cognitive load through progressive disclosure
→ Added review step before campaign submission
→ Designed empty, error & success states
→ Prioritized CRM familiarity and user confidence

Final Thoughts

This challenge was a valuable opportunity to apply a user-centered approach to a product problem with an open-ended scope, multiple possible solutions, and one that closely mirrors those encountered in the day-to-day use of SaaS products.

More than just thinking about workflows and designing interfaces, the exercise required a deep understanding of the context, identification of potential errors and risks, prioritization of user needs, and a structure that balances simplicity, efficiency, and feasibility, with an eye toward future implementation.

Throughout the process, I was able to delve deeper and reflect on how decisions regarding information architecture, error prevention, and interaction design directly impact user trust and, consequently, the success of the objective. This project helped strengthen my perspective as a problem-solving designer, my ability to justify decisions, and my approach to creating clear, accessible, and results-oriented solutions

Link to wireframe:

https://www.figma.com/proto/m3Iiiub0BpHDzvsNafAgEG/Case-UX--Atomic-Group ----Saas?node-id=7-4716&viewport=114%2C271%2C0.06&t=fwuPOArluQnclImA-1&scaling =contain&content-scaling=fixed&page-id=0%3A1