Redefining Web Redesigns
At- A -Glance
My Role
Timeline
Tools
Audit UX is a collaborative CI/CD software tool built to enhance team communication, organization, and efficiency in managing web redesign projects. Powered by AI technologies like Claude AI, UX Pilot, and ChatGPT, it simplifies workflows and minimizes workloads. This case study showcases the use of AI to develop and refine the tool, with screens and prototypes created through AI-driven design.
UX/UI Designer, user research, visual design, interaction design
December 2024 - January 2025
Figma, Claudeai., UX Pilotai.
The Problem
Redesigning websites with 500 pages can take 3-5 months, while larger, more complex sites may take up to 9 months and require multiple teams. Redesigns can cause breakages, like broken links, which are hard to detect and fix quickly. Costs vary, ranging from $5,000 to $20,000 depending on the project's size and needs.
Audit UX enhances website design by conducting audits to identify issues like typography, scalability, broken links, and outdated content. This improves SEO and site ranking. The platform fills a market gap by helping designers, developers, and project managers collaborate more effectively, offering a CI/CD tool to streamline communication and manage web redesigns efficiently.
The Saas Solution
Streamlined AI
01.
02.
03.
Analytics
Version Control
Design System
Using AI streamlined the creation of screen designs and user flows by automating repetitive tasks, generating design iterations quickly, and offering intelligent recommendations based on best practices. Tools like Claude AI, UX Pilot, and ChatGPT enabled rapid prototyping, improved decision-making, and enhanced collaboration, allowing the team to focus on refining user experiences and meeting project goals efficiently.
Research
Why are Designers and Developers using several tools for the same purpose?
“Data sources are outdated and do not refresh enough. Impossible to make relevant and timely conclusions from the service’s analytics.”
Supported Features: Collaborative, Content Analysis, Timeline Benchmark
Supported Features: Collaborative, Task Management, Content Analysis, SEO Performance, Page Speed, Broken Links
Supported Features: Collaborative, Task Management, Content Analysis, SEO Performance, Page Speed, Broken Links
Supported Features: Content Analysis, Accessibility Analysis, Broken Links
“Links are not getting updated in their database. They are not able to crawl backlinks and are unable to detect internal links. ”
Design: FIgma, Canva Audit: Google Analytics, Inspect Tools Features: CI/Pipeline integration
Users average 2-3 design tools Most users use a single auditing tool User 5 uses the most auditing tools (3) Feature requests are mostly singular Only user 2 requested multiple features
50% of participants shared that real time collaboration amongst team members and task tracking were the top most useful tools, especially for managing a project.
60% of participants mentioned a delay in the product market release due to ‘requirements gathering’ or continual project scope modification.
40% of participants desired to have a view of their team members screens in tandem with their own to ensure a coordinated design.
50% of participants agreed to using several auditing tools for one project that then needed to be exported and shared with clients.
Feature Support Comparison
Market Gaps
Prioritization Matrix
UX Check
Moz
Lighthouse
Web Developer
Popular Tools
Practices
Based on competitive analysis research, design teams typically use several tools primarily for auditing, as well as, design and team management, due to missing features.
However, a team of designers using several tools potentially leads to a disconnect in timeline, budget and design.
Design teams are unintentionally finding the market gaps in design and auditing tools.
How might a shared design board help team members create a coordinated design?
The option to work in tandem with other designers and developers will give team members the opportunity to view, respond, fix errors, and add to their teams work, Improving team role understanding.
How might an all in one auditing tool increase team productivity?
Real time chat feature as well as a shared design board will help design teams create a consistent redesign while showing the client their progress.
How might creating a collaborative design software with real time communication and task tracking help enhance team member progress?
An in depth auditing tool that sends simplified and clear reports to clients will increase client and stakeholder understanding, reducing risk of late release due to client modification.
Ideate
Information Architecture
After completing the research and identifying a few MVPs, I began sketching ideas on paper divided into eight sections. By dedicating one minute to each section, I was able to quickly generate a variety of ideas and solutions for my Audit UX.
Design Process
Before diving into the design, I wanted to focus on the approaches of other SaaS companies with similarly compounded systems to see how they accommodated their users. I also focused on designing variations of user interface tailored to different devices, specifically for tablet and desktop.
My Role
UX/UI Designer UX Researcher
Tools
Figma Otter.ai UX Pilot.ai Claude.ai
Timeline
3 Weeks
Planning and Scope
After several interviews, I defined the product of Audit UX, prioritizing features that balanced user and business goals, bridging the gap between designers, developers, and clients.
Consumer Ideation
I interviewed a product manager, two designers, two developers, and a graphic designer to gather insights and translate them into features that address user practices and motivations.
After several meetings, I created a foundation and prototypes to share my vision, design principles, and content strategy, which helped structure and guide decision-making.
Strategy
Prototype
AI Tools
How might we address the unique pain points of designers, developers, and project leads during redesigns?
HMW
FINAL THOUGHTS
Audit UX was a deeply personal project, focused on redefining website redesign by centering on design teams as the primary users. My goal was to address the pain points of designers, developers, and project leads while streamlining the costly, time-consuming redesign process. Prioritizing responsive design, I conceptualized an innovative meta-SaaS tool to simplify cross-platform adaptation.
Leveraging AI increased efficiency, reducing project time by 75%. It accelerated ideation, optimized user flows, and enabled rapid prototyping, allowing me to tackle complex design challenges within an 80-hour timeframe. Though time constraints limited testing with a larger participant pool, I gained valuable insights into team processes for successful redesigns.
In the future, tools like Maze for unmoderated usability testing could enhance analytics and task flow insights. This project also marked my first integration of subject matter experts before user testing—a practice I plan to expand for even greater impact in future endeavors.