Understanding the End-to-End UX Process: My Experience at Ategey Healthcare
While working on the Revitive app for Ategey Healthcare, I improved the user experience for two key components: the footer and the checkout basket. This project deepened my understanding of the end-to-end UX process within an Agile framework, emphasizing iterative design, collaboration, and rapid prototyping using tools like Adobe XD and Figma.
1. Discovery and Sprint Planning
The process began with user research and aligning objectives with the product backlog during sprint planning. Using analytics, user feedback, and stakeholder input, we identified critical pain points:
- Footer: Users struggled to find essential information like policies and customer support links.
- Checkout Basket: The process lacked clarity, leading to drop-offs during the final purchasing stage.
These insights were broken down into user stories with clear acceptance criteria to fit the Agile - framework.
2. Sprint 1: Wireframing with Adobe XD and Figma
- Adobe XD: I used Adobe XD during the early design sprints to quickly create wireframes and test initial layout ideas. The tool’s responsiveness and animation capabilities helped explore potential solutions, such as collapsible sections in the footer and a sticky basket for mobile users.
- Figma: As we progressed through the sprint, I transitioned to Figma for collaborative wireframing sessions. The shared file system allowed real-time feedback from product owners and developers, ensuring the designs aligned with user stories.
By the end of this sprint, low-fidelity wireframes were reviewed and approved in the sprint review.
3. Sprint 2: Prototyping and Usability Testing
eviewed and approved in the sprint review.In the next sprint, I developed high-fidelity prototypes:
- Adobe XD prototypes were used to showcase dynamic interactions, such as smooth collapsible menus and checkout flows.
- Figma prototypes facilitated collaborative usability testing with team members and external users. I used interactive features to gather insights on pain points, such as how users navigated the footer or interacted with the quantity adjustment buttons in the basket.
After user testing, I incorporated feedback into iterative improvements, ensuring designs were intuitive and met user needs.
4. Collaboration and Development Handoff
During the development sprint, I worked closely with the team to implement the designs:
- Figma’s inspect tool streamlined the developer handoff, allowing developers to easily access spacing, fonts, and assets.
- Regular Agile ceremonies (daily standups, sprint reviews, and retrospectives) facilitated ongoing communication, enabling me to address any design-related questions or challenges promptly.
5. Launch and Continuous Improvement
Once the designs were implemented, we reviewed the impact during the sprint retrospective. Post-launch analytics showed:
- Footer Improvements: A significant reduction in the time users spent searching for essential links.
- Checkout Basket Enhancements: Increased conversion rates, especially on mobile devices.
Using Agile’s iterative approach, we continued to refine these features in subsequent sprints based on user feedback and evolving requirements.
Leveraging design systems, I maintained consistency across all design elements, ensuring the interface was both visually appealing and functional. My UX/UI work at Actegy Healthcare improved overall usability and supported the company’s goal of delivering a seamless customer experience.