THE PRODUCT

It sounds like you're describing a platform that connects designers with clients who need architectural, interior, product, graphic, and web design services for both commercial and residential projects. Are you planning to create a website, app, or marketplace for this? Let me know how I can help—whether it's branding, website development, or business strategy!

PROJECT DURATION

The time of the project duration is Dec 2022-jan 2023

THE PROBLEM

To build new houses, modify interiors, customize products, or create poster designs, architects need projects that focus on functional spaces and client comfort through well-planned design solutions.

THE GOAL

An app that helps travelers find auto workshops, petrol bunks, and emergency assistance while on the move. 🚗⛽🔧 Would you like help with UI/UX design, features, or business strategy?

MY ROLE

UX Designer & Architect – Focused on solving travel-related problems by designing a seamless user experience for an app that helps users find auto workshops, petrol bunks, and emergency assistance while traveling.

MY RESPONSIBILITIES

Connect traveling users with roadside workshops, petrol bunks, and bus stops with real-time schedules based on their current location.

USER REASEARCH SUMMARY

I built a website for an architecture and design studio to connect clients with architects and designers. Clients seeking residential, commercial, or product designs can hire professionals online.

My role is to create a digital platform that links users with architects and designers for house, office, product, and branding design needs.

USER RESEARCH-PAIN POINTS

PAIN POINT 1

A well-structured design ensures a seamless user experience, clear communication, and efficient project management for personalized solutions.

PAIN POINT 2

Busy clients lack time for in-person visits. A digital platform enables seamless connection, remote collaboration, and efficient project execution.

PAIN POINT 3

Identify bus stops and real-time schedules to help users preplan their journey, manage time efficiently, and travel with ease.

PAIN POINT 4

Clients need a clear, step-by-step process for discussing and refining design requirements. This ensures efficient communication and alignment at each project stage.

USER PERSONAS

Persona: MOHAMED FAYAZALI

CLIENT (User) Need service
connection during travelling
for unpredictable sutivation

USER JOURNEY MAP

User identifies an issue and collects data → Faces delays and insecurity in decision-making → Struggles with communication gaps and service availability → Resolves issues through a digital platform for real-time support. 🚗✨

PAPER WIREFRAME

Creating paper wireframe to digital wireframe for design solution to addressing and branding our firm and works to get new projects through digital

DIGITAL WIREFRAME

Create a wireframe in Figma using frames, rectangles, and text to structure key sections. Use Auto Layout for flexibility and refine it for branding and UX. 🚀

A low-fidelity prototype is a rough, early-stage design (often sketched or basic wireframes) used to map out structure and functionality. It serves as a foundation for the high-fidelity prototype, which includes detailed visuals, interactions, and branding.

LOW FIDELITY PROTOTYPE

RESEARCH INSIGHTS

EASY BOOKING

Enable quick consultation booking with a "Book Now" button, a simple form, calendar integration, and pre-set options for faster scheduling and better user experience. 🚀

Provide users with drag-and-drop features, color and material options, furniture size adjustments, and layout presets to give them more control over customizing their space. This enhances flexibility and personalization. 🚀

Implement a "Book a Virtual Meeting" feature with options for users to choose the time, integrated with a calendar tool (e.g., Calendly), and provide instant confirmation to streamline the booking process. 🚀

CUSTOMIZATION
OPTIONS

SCHEDULE
OPTION

RECOMMENDATIONS

🔗 Simplify Navigation
Ensure clear, intuitive navigation to key actions like booking and customization.

📅 Quick Booking Feature
Integrate a seamless calendar tool (e.g., Calendly) for easy meeting scheduling.

🎨 Customization Tools
Offer drag-and-drop functionality, color/material options, and layout presets for personalization.

✅ Instant Confirmation
Provide real-time confirmation after booking to assure users their meeting is scheduled.

MOCKUPS

HIGH FIDELITY PROTOTYPE

ACCESSIBILITY CONSIDERATIONS

Book architects and designers effortlessly with one-tap scheduling.
Seamlessly integrate with Google Calendar and Zoom.
Get instant confirmations and reminders for a hassle-free experience. 🚀

Easily explore our previous projects to review and assess our design work. Gain insights into our expertise and creative approach. 🚀

Easily book a consultation or make an inquiry to connect with our design team. Schedule a session to discuss your project and explore design solutions. 🚀

1

2

3

TAKEAWAYS

🌍 Digital Accessibility

Manage projects and sales entirely online.
📅 Easy Booking

Schedule consultations with our design team in just a few taps.
📐 Receive Designs

Get design drawings and web services remotely.
💻 Seamless Process

Enjoy a fully online and hassle-free experience.


💡 Emphasize

Understand users' needs and challenges.
📝 Define

Clearly define the problem to solve.
💭 Ideate

Brainstorm creative solutions.
📱 Prototype

Build interactive design prototypes.
🔍 Test

Validate designs through user testing.

🛣️ Roadside & Travel Services

🚌 Bus Timings Check schedules and availability.

🚗 Car & Bike Services – Find mechanics, fuel stations, and repair shops.

📍 Nearby Assistance – Locate service providers in real time.

📞 Quick Inquiry – Contact service shops instantly.

NEXT STEPS

📢 Key Focus Areas

Seamless User Experience – Ensure smooth booking and inquiries.

📈 Continuous Upgrades – Enhance services based on user feedback.

Better Accessibility – Make it easier for users to find and use services.

🔄 Daily Improvements – Expand features and optimize performance.

📌 New Features

📅 Booking Process Updates – Real-time status of service requests.

📞 Inquiry Tracking – Monitor responses from service providers.

🔔 Instant Notifications – Get alerts for confirmations and updates.

🚗 Service Progress Visibility – Track mechanic arrival, fuel delivery, or roadside assistance.

THANK YOU FOR WATCHING