.png)
Highlights
Faster fixes, AA Contrast, Predictable AI Outputs.
Estimate vs. manual audit→fix by a designer + engineer; varies by codebase and issue complexity.
~8×
Faster than manual
Upload → triage → paste fix. Typical issue drops from ~60–90 min to ~8–12 min (est.).
AA+
Color contrast
Live ratio with suggestions that fit your design tokens
Reliable
Predictable AI outputs
Prompts limit scope; never remove IDs/ARIA or break semantics
Role & scope
My role
Product/UX Designer (solo builder)
Prototyping & front‑end (React)
LLM prompt & guardrail design
Duration: 3–4 weeks · Team: 1 (self)
Responsibilities
Research & heuristic audit (WCAG)
Flows & IA for triage → fix
UI design system & tokens
axe-core integration & tests
Design principles & scope
Privacy-first; API/LLM & CI-ready.
Adapter-based; deterministic, safe outputs.
Recruiter-ready: concise, live, impactful.
Project brief
Why it’s Useful
Teams struggle to turn audits into fixes. This dashboard closes the loop: detect issues, explain why they matter, and provide copy‑ready HTML/CSS with guardrails so engineers can ship faster without breaking semantics or brands.
Design
See impact, prioritize, and request safe changes
Engineering
Copy/paste minimal diffs; IDs/ARIA preserved
PM
Score & trends for tracking accessibility debt
Highlights
AI Workflows
Estimate vs. manual audit→fix by a designer + engineer; varies by codebase and issue complexity.
Detect
axe-core + heuristics surface violations
Reason
Map to WCAG; pick safest minimal change
Propose
Tiny HTML/CSS diff, copy-ready
Safeguard
Guardrails: keep IDs/ARIA; nearest AA color
Key Screens
Real visuals from the actual dashboard build.
Video Showcase
Paste a URL. Get an accessibility audit in seconds.
Mini demo — Issues → Copy fix
Click an issue to see the suggested code change, then copy it.
How It Works
Process (AI × UX)
Research & Testing
Impact
Style Guide
PROTOTYPE
Streamlining Social Planning for Enhanced User Experience
The app's quick plan creation feature is tailored to simplify social planning for Anna and John. By guiding them through a clear, structured sequence from the home screen to confirming their plans, it addresses their needs for safety and structured interactions. This efficient process helps them effortlessly organize and participate in social activities, reducing stress and enhancing their overall experience.
Enhancing Social Engagement with Quick Plan Features
Anna, a safety-conscious professional, and John, who prefers structured interactions due to safety concerns, both benefit from the app's quick plan feature. Anna can easily expand her social circle beyond work by joining diverse activities, while John can confidently engage in new events thanks to the straightforward and structured flow of joining plans, reducing his anxiety and making socializing simpler.
Boosting Safety and Engagement with GPS and Time Tracking
John, appreciates the app’s structured interactions and location-sharing features, which offer safety and control, making him more comfortable participating in new social events. Similarly, Anna finds that GPS and real-time messaging enhance her security during spontaneous activities, making them more accessible and enjoyable. Both users benefit from the increased confidence and safety provided by GPS and time tracking, allowing them to fully engage in their social experiences.
Summary
Our app's core flows—Plan Creation, Join a Quick Plan, and Plan Participation—efficiently address user needs. Plan Creation helps John, Anna,organize and engage in social activities tailored to their preferences. Join a Quick Plan enables easy access to spontaneous events, enhancing their social interactions. Plan Participation increases safety with real-time location sharing and communication, ensuring a secure experience. Together, these features streamline social activity management and participation.
05: LUNCH PLAN
Launch Plan for Social Companionship App
The launch plan is strategically divided into four quarters, starting with core development and initial testing in Q1, followed by feature expansion and market penetration in Q2. In Q3, we focus on enhancing user engagement and optimizing app performance, and we conclude in Q4 by expanding our market reach and incorporating advanced analytics for continuous improvement. This structured approach ensures a robust foundation and progressive enhancement of the app to meet user needs effectively.
Conclusion
This portfolio captures the developmental journey of the Social Companionship App, a project that has significantly honed my skills in UX design, project management, and strategic execution. The stages outlined here—from initial conception through to the pre-launch phases—demonstrate a commitment to creating a platform that will enhance social connections in urban settings like New York City.
Looking ahead, I am eager to launch this app and witness its impact on the community. Beyond this project, my ambition is to lead a team dedicated to innovative solutions, fostering a collaborative environment where technology and design converge to improve user experiences and community engagement.