+49 -17625416950
mewada.vatsal@gmail.com
Vatsal Mewada Portfolio.
About Me
Started in architecture, ended up in UX—because buildings take too long to build, and pixels move faster. I design interfaces that are functional, beautiful, and (hopefully) don’t require a 20 -page manual to use. Helvetica is my love language.
UX/UI Journey
With a background in architecture (8 years) and UX/UI design (2+ years), I’ve spent my career understanding how people interact with spaces, systems, and now, screens.
Armed with an M. A . in Design Management, I bridge strategy, design, and human behavior to create seamless digital experiences. My expertise spans UX research, UI design, service blueprinting, and interactive prototyping, with tools like Figma , Framer, and Miro at my disposal. Whether it’s simplifying a messy user flow or crafting pixel-perfect interfaces, my approach is always the same: logical, user-centered, and just the right amount of playful.
Currently based in Munich, Germany, I’m working on projects that not only showcase my work but also my thought process—because good design isn’t just about aesthetics; it’s about solving real problems.
Want to talk design, strategy, or why Helvetica will always be superior? Let’s connect.
linkedin.com/in/mewadavatsal/
vatsalmewada.framer.website
Gadget Buddy
Platform for Tech Assistance
Case Study
Project Goal: To provide instant, human-centered tech support through prompt troubleshooting, live expert assistance, and home visits.
My Role: UX /UI Designer and Researcher.
Key Metrics for Success:
• Reduce issue resolution time through multi-channel support.
• Improve user confidence by offering educational guides and tutorials.
• Increase customer satisfaction through expert matching and real-time assistance.
User Problems
Many users-particularly those less familiar with technology-struggle to set up devices, troubleshoot issues, and navigate complex user manuals. This leads to:
Uncertainty
Difficulty identifying and communicating problems accurately.
I always feel lost when setting up a new device-there’s no one to ask for help.
Key Research Insights
Frustration
Users feel overwhelmed by unclear technical instructions.
It’s frustrating when service providers can’t understand my problem over the phone.
Emotional Barriers Access Challenges
Users feel anxious and frustrated when facing technical issues and are hesitant to seek help due to fear of judgment.
Users need multi-channel supportchat, phone, and in-person- to accommodate different comfort levels.
Inefficiency
Time wasted searching for solutions online or waiting for unreliable service providers.
I wish there was an easy way to find reliable help nearby when I need it.
Knowledge Gaps Service Inconsistency
Users want solutions but also education to prevent recurring issues and become self-sufficient.
Existing service models lack transparency and don’t always match users with the right expertise.
Ideation & Design User Flow
• Expert Matching System:
Match users with the right expert based on location, issue complexity, and skill level.
• Multi-Channel Support:
Offer users the option to access help via online chat, phone consultations, and in-home visits.
• Education-First Approach:
Provide step-by-step guides and tutorials alongside service appointments to empower users.
• Sustainability Focus:
Integrate a circular economy model by enabling repairs, refurbishment, and recycling options.
Style Guide Sample Screen
Typography
Heading Font
Roboto Regular 22
Body Font
Roboto Regular 14
Icons & Information Cards
Navbar Icons
Icon State Colors
Salient Features of Dashboard
My Gadgets Section where one can register/remove their gadgets for assistance
Scheduled Appointments Section where one can request assistance for their gadgets
AI Assistant to help users directly access recent devices for assistance/ scheduling appointment
Quickview/access to recently added gadgets with basic information
Overview of scheduled appointment for gadgets with date and time.
Key Learnings & Reflections
User Education is Empowerment
Providing tutorials alongside service enhances user confidence
Conclusion
Accessibility Matters
Multi-modal service delivery accommodates diverse user preferences
The Gadget Buddy platform successfully bridges the gap between users and tech experts by combining efficient problem resolution with educational empowerment. Through a user-centered design approach, we created a scalable, accessible solution that enhances trust, efficiency, and user satisfaction.
Trust Drives Retention
Transparent expert matching fosters longterm user loyalty
PermitPro
Re-thinking Architectural Assessment
Case Study
Project Goal: Enhance efficiency, transparency, and user satisfaction in the building permit approval process through digital transformation.
My Role: UX Researcher & Product Designer.
Key Metrics for Success:
• Reduction in permit approval time.
• Increase in applicant satisfaction scores.
• Improved assessor efficiency through standardized digital workflows.
User Problems
Many users -particularly those less familiar with technology-struggle to set up devices, troubleshoot issues, and navigate complex user manuals. This leads to:
Overwhelming paperwork
Applicants
Long waiting times
Lack of communication
The waiting times for approval are too long, and it delays our projects significantly
High workload
Incomplete applications
Lack of standardized review processes
We receive a high volume of applications, and it’s hard to keep up with the workload
Research Methods
To understand user pain points and opportunities for improvement, I conducted:
• User Interviews with architects, developers, and municipal assessors.
• Comparative Analysis of permit approval systems in different countries.
• Service Blueprint Mapping to visualize current process and identify bottlenecks.
Ideation & Design
• Automated Notifications & RealTime Tracking –Provide application updates via digital dashboards.
• AI-Assisted Document Review –Reduce the workload on assessors by flagging incomplete submissions.
• Standardized Digital Templates –Improve consistency and speed up decision-making.
• Collaborative Online Platforms –Facilitate direct communication between applicants and assessors.
Key Research Insights
• Lack of Transparency
• Manual & Paper-Based Processes
• High Volume of Incomplete Applications
• No Standardized Review System
Dashboard Wireframe Design
• The dashboard was designed keeping in mind the heirarchies of tasks for applicants and assessors.
• Applications/comments needed to be at the priority hence they are placed at hierarchy wise on top.
• Since the platfom is going to be used by authorities as well so at-a-glance information like scheduling and typology of projects was placed in addition to applications / comments.
Recent Actions Applications/ Comments for immediate access as priority steps
Recent Project Updates / Meetings at a glance
Live Notification feature to deliver updates on projects/meetings
Typology of Projects at a glance
Applicants
Applicants get an overview of updates on their dashboard screen and withing few clicks can update/close an application in a minimum number of steps.
/ Homepage
Assessors can add/update application comments/documents/payments within the least number of clicks which helps them process an application at its fastest speed.
Applicant Dashboard
Assessor Dashboard
Salient Features of Dashboard
Project Live Status
Indicator
Project Progress
Indicator
Applicant Dashboard
Instant Project Editing Capabilities
Project Overview with Status and Typology
Recent Applications
Application Status
Indicator
Project Status
Indicator
/
Live Payment Status Display
Click Here to View figma Prototype
Key Learnings & Reflections
Eliminating obstacles in the bureaucratic workflow to achieve transparency was a challenge
Transparency is key in high-stakes bureaucratic processes
Automating routine tasks
Tracking schedules and follow-ups including co-ordination amongst both sides has been tedious
Automating routine tasks significantly improves efficiency for both applicants and assessors
Conclusion
By leveraging human-centered design and digital tools, this project transformed the building permit approval process into a more efficient, transparent, and useriendly experience.
• Applicants now have visibility, faster approvals, and better communication.
• Assessors have streamlined workflows, reduced workload, and consistent review processes.
Since there are multiple requirements from multiple departments for multiple clearences, it costs lot of paperwork
Standardization reduces errors and inconsistencies in regulatory reviews
This project highlights the power of UX design in improving public services— proving that good design isn’t just about aesthetics; it’s about making systems work better for people.
3Co.
Website Design
Website Design - Prototype
Project Goal: Build a new digital presence for 3Co. to effectively showcase their architectural work, highlight their design philosophy, and attract potential clients.
My Role: UX Designer
Key Challenges No Digital Presence
Potential clients couldn’t access 3Co’s work or contact the team
Storytelling Gap
The firm needed a platform to share the narrative behind their architectural designs
Accessibility & Usability
The site needed to be intuitive and inclusive to accommodate all users
Key Research Insights
I began the project with a user-centered approach to ensure the website aligned with audience expectations.
Clarity in Navigation
Users wanted clear, structured paths to view projects and contact 3Co
Ideation
Inspiration
Observe and understand how architecture sites work and create user engagement
Visual Storytelling Design Consistency
High-quality visuals combined with detailed project narratives were essential
Users preferred a minimal yet bold aesthetic that reflected 3Co’s architectural vision
Identifying Elements
Identify which elements work and comliment the personality of the architects, reflecting their work
Create a prototype
Create a prototype to share with client and gather feedback to improve the prototype
Design Process
Inspiration Moodboard Elements
• A common pattern observed in Architectural websites is the use of white background so that the project images stand out.
• In addition to this, use of empt`y white spaces in combination with strong, sharp and crisp typography makes a statement.
Large Text to attract attention
Neutral color scheme to prioritize project showcase Large cards with brief project information at a glance.
These elements help the content to stand out and create user engagement.
Preview Screens
Conclusion
• The 3Co. website design will successfully transform the firm’s digital presence, ensuring a visually stunning, user-friendly, and accessible experience. By leveraging user research, modern UX principles, and continuous iteration, the project will not only meet but exceed client expectations, driving business growth and client engagement.
• This project highlights my ability to merge design aesthetics with functionality, ensuring impactful digital experiences that meet both user and business needs.
Click Here to View figma Prototype