PRODUCT INTERACTION STRATEGY SYSTEMS DIGITAL EXPERIENCE RESEARCH PROTOTYPING
HI, I’M BAKIR

PRODUCT

BASED IN INDIA SAAS · DASHBOARDS · WEB & MOBILE
SCROLL TO EXPLORE
01 / FEATURED

SELECTED WORKPROJECTS

START A CONVERSATIONOPEN TO OPPORTUNITIES

HAVE A PROJECT
IN YOUR MIND?

Looking for a UI/UX designer? Let’s build intuitive SaaS products, dashboards, websites, and mobile experiences together.

LET’S TALK ↗
02 / ABOUT

DESIGNING WITH
INTENT & CURIOSITY

Mohammad Bakir MOHAMMAD BAKIR / PRODUCT DESIGNER

I’m Mohammad Bakir, a UI/UX and product designer with 3+ years of experience. I turn research and business needs into intuitive SaaS products, dashboards, websites, and mobile experiences. At Dotix, I lead a team from client brief to delivery, balancing usability with technical feasibility.

3+YEARS EXPERIENCE
UXDESIGN & TEAM LEADERSHIP

RECENT JOBS

AUG 2023 — PRESENT
Product DesignerDotix · Remote

Lead 2 developers and 1 designer from client brief through delivery. Design SaaS platforms, web applications, and websites, translating business goals into high-fidelity interfaces.

DEC 2022 — AUG 2023
UI/UX Designerb3Intelligence · Delhi, India

Designed dashboards and related interfaces, applications, and websites. Worked with clients to translate briefs into functional designs across concurrent projects.

JAN 2019 — AUG 2021
Web Developersilverheadseo · Remote, part-time

Built and customized client WordPress websites, including theme configuration and design adjustments, while completing formal education.

DESIGN EXPERTISE

User research · Experience mapping · Wireframing · Prototyping · Design systems · Responsive design · Usability testing · Motion design

TOOLS & COLLABORATION

Figma · Adobe XD · Photoshop · Illustrator · Framer · HTML/CSS · Jira · Notion

Team leadership · Developer handoff · Design critique · Client communication

EDUCATION

MBA, Marketing · 2020–2022
B.Com · 2017–2020
MJP Rohilkhand University

CERTIFICATION

Google UX Design Specialization
Coursera · 2023

DOWNLOAD CV
01 / GROCERY DELIVERY APP

Fasto.

Everyday groceries. One delivery experience.

A grocery delivery app designed around product discovery, repeat shopping, and a clear path to checkout.

ROLE
UI/UX design
TIMELINE
6-week design project
METHODS & TOOLS
Figma · Photoshop · Illustrator
SCROLL TO EXPLORE ↓
01 / OVERVIEW

The product.
The design challenge.

Fasto brings everyday grocery shopping into a mobile delivery experience. The design organizes a broad catalog into familiar categories and connects discovery, product selection, subscriptions, and payment.

The challenge

The project brief focuses on reducing the effort of everyday shopping. A wide product range, repeat purchases, and payment choices need a clear hierarchy so shoppers can find what they need without losing track of their order.

Design focus

A grocery delivery app designed around product discovery, repeat shopping, and a clear path to checkout.

02 / PROCESS

From the brief
to the interface.

The supplied case study documents research, competitor analysis, personas, empathy mapping, journey mapping, user flows, information architecture, high-fidelity design, prototyping, and feedback. Those stages connect the shopping needs to the final app screens.

PROJECT DOCUMENTATION

Explore the original research, flows, wireframes, and visual design in the supplied Figma case study.

OPEN FIGMA CASE STUDY ↗
03 / DESIGN DECISIONS

Clear choices.
A coherent experience.

01

Make discovery familiar

Categories such as fruit, vegetables, dairy, and household essentials provide recognizable starting points. Product sections and search support both browsing and finding a specific item.

02

Keep product information scannable

Product cards group the item name, quantity, price, discount, and add action in a repeated pattern. That consistency helps shoppers compare items across the catalog.

03

Support everyday shopping habits

Subscriptions and wallet/payment flows extend the experience beyond a single order. The design treats repeat shopping and checkout as connected parts of the journey.

04 / FINAL INTERFACE

The interface,
up close.

Original screens from the project. Select a screen to explore the full design.

Grocery homeDelivery information, offers, categories, and quick shopping actions.ENLARGE SCREEN ↗
Product subscriptionProduct details and a recurring purchase option.ENLARGE SCREEN ↗

EXPLORE THE DESIGN FILE IN FIGMA ↗

05 / OUTCOME

The result.
The design takeaway.

The resulting design brings product discovery, category browsing, repeat shopping, and payment into a shared mobile interface. The case study board documents the visual direction and process; measured business outcomes are not stated here.

NEXT PROJECT
FrontwayVIEW CASE STUDY ↗
↑ TOP
02 / FASHION SHOPPING APP

Frontway.

Fashion discovery. A consistent shopping experience.

A fashion shopping app with a consistent UI foundation and supporting seller/store-management flows.

ROLE
UI/UX designer · Freelance
TIMELINE
Jan — Mar 2024
METHODS & TOOLS
Design system · Prototyping

The detailed project board below focuses on the seller and store-building side of the commerce experience.

SCROLL TO EXPLORE ↓
01 / OVERVIEW

The product.
The design challenge.

Frontway is a fashion shopping app with supporting seller tools for creating a storefront, listing products, and managing an online store.

The challenge

The seller-side brief describes the difficulty of building an online presence without technical expertise. The design needs to organize store setup, product listing, and customization into a clear sequence while maintaining a consistent interface.

Design focus

A fashion shopping app with a consistent UI foundation and supporting seller/store-management flows.

02 / PROCESS

From the brief
to the interface.

The work included competitive analysis, design system development, prototyping, and a UX review. The project board presents discovery, personas, wireframes, interface design, feedback, and developer handoff.

PROJECT DOCUMENTATION

Explore the original research, flows, wireframes, and visual design in the supplied Figma case study.

OPEN FIGMA CASE STUDY ↗
03 / DESIGN DECISIONS

Clear choices.
A coherent experience.

01

Build a consistent UI foundation

A shared design system supports repeated controls, product layouts, and interaction patterns across the mobile experience.

02

Make store setup understandable

The seller flow connects store creation, product listing, and storefront customization. This supporting experience is shown separately from the customer-facing fashion-shopping description.

03

Use prototypes to explore key flows

Prototypes and the UX review helped develop the application experience. The Figma board provides the detailed process, wireframes, and interface examples.

04 / FINAL INTERFACE

The interface,
up close.

Original screens from the project. Select a screen to explore the full design.

Product managementA searchable fashion catalog with filters and product actions.ENLARGE SCREEN ↗
Seller notificationsCustomer reviews and payment updates in the seller app.ENLARGE SCREEN ↗

EXPLORE THE DESIGN FILE IN FIGMA ↗

05 / OUTCOME

The result.
The design takeaway.

The documented deliverables include competitive analysis, a design system, prototypes, and a UX review. The seller/store-builder board adds context for the commerce tools. No unverified conversion or sales metrics are included.

NEXT PROJECT
DuddyVIEW CASE STUDY ↗
↑ TOP
03 / APP BUILDER · RESPONSIVE WEB APP

Duddy.

A powerful app builder. A clearer creation experience.

A no-code app builder that connects project setup, visual editing, preview, and sharing.

ROLE
Product design
TIMELINE
12-week project · 2025
METHODS & TOOLS
UX research · Prototyping · Design system
SCROLL TO EXPLORE ↓
01 / OVERVIEW

The product.
The design challenge.

Duddy helps people assemble responsive apps from visual elements. The design focuses on making a capable builder approachable through clear hierarchy, contextual controls, and understandable feedback.

The challenge

Dense panels, unfamiliar builder language, and hidden relationships can make first-time creation feel technical. The project frames the challenge as providing one clear path from setup to building, testing, and sharing while retaining depth for experienced makers.

Design focus

A no-code app builder that connects project setup, visual editing, preview, and sharing.

02 / PROCESS

From the brief
to the interface.

The supplied case study documents discovery, task models, information architecture, interaction design, visual systems, prototyping, usability testing, and developer handoff. The narrative follows where users lose momentum during setup, canvas editing, preview, and sharing.

PROJECT DOCUMENTATION

Explore the original research, flows, wireframes, and visual design in the supplied Figma case study.

OPEN FIGMA CASE STUDY ↗
03 / DESIGN DECISIONS

Clear choices.
A coherent experience.

01

Provide a clear starting point

Project setup and the dashboard establish the product model before users enter the builder. The aim is to make the next meaningful action visible.

02

Keep editing context connected

The canvas, layer hierarchy, and inspector work together so people can understand what they have selected and how it relates to the app structure.

03

Keep feedback inside the making loop

Preview, responsive behavior, and issue states help users assess their work while they build, rather than treating validation as a separate final step.

04 / FINAL INTERFACE

The interface,
up close.

Original screens from the project. Select a screen to explore the full design.

Visual editorCanvas editing, typography controls, image assets, and properties.ENLARGE SCREEN ↗
Project dashboardProject access and account controls before entering the builder.ENLARGE SCREEN ↗

EXPLORE THE DESIGN FILE IN FIGMA ↗

05 / OUTCOME

The result.
The design takeaway.

The design presents a more coherent journey from project creation to visual building and validation. The supplied Figma board includes the detailed research narrative and interface work. This portfolio summary does not introduce additional research counts or performance claims.

NEXT PROJECT
DeyorVIEW CASE STUDY ↗
↑ TOP
04 / TRAVEL WEBSITE

Deyor.

Travel inspiration. A connected planning experience.

A travel website connecting destination discovery, itinerary planning, collaboration, and booking.

ROLE
Product design
TIMELINE
16-week project · 2026
METHODS & TOOLS
Research · Wireframing · UI design
SCROLL TO EXPLORE ↓
01 / OVERVIEW

The product.
The design challenge.

Deyor brings travel discovery, planning, and booking into a connected website experience. A shared trip model links destinations, dates, stays, activities, collaborators, and checkout.

The challenge

Travel ideas often become scattered across screenshots, booking sites, maps, and group chats. The project explores a continuous path from inspiration to an organized, shareable itinerary and a confident booking decision.

Design focus

A travel website connecting destination discovery, itinerary planning, collaboration, and booking.

02 / PROCESS

From the brief
to the interface.

The supplied case study follows discovery, research synthesis, journey mapping, wireframes, interface design, and usability iteration. It connects planning concerns such as choice overload, coordination, and unclear totals to the structure of the website.

PROJECT DOCUMENTATION

Explore the original research, flows, wireframes, and visual design in the supplied Figma case study.

OPEN FIGMA CASE STUDY ↗
03 / DESIGN DECISIONS

Clear choices.
A coherent experience.

01

Connect the experience around one trip

The itinerary acts as a shared structure for places, dates, stays, and activities, reducing disconnected steps between discovery and planning.

02

Show context with recommendations

Destination and route ideas explain their fit and pace, helping travelers compare meaningful options rather than scanning an undifferentiated list.

03

Make planning and booking transparent

A visible itinerary, collaboration tools, availability, and clear totals support decisions before travelers commit to booking.

04 / FINAL INTERFACE

The interface,
up close.

Original screens from the project. Select a screen to explore the full design.

Desktop discoveryDestination search and travel options on the full website homepage.ENLARGE SCREEN ↗
Mobile browsingResponsive browsing, accommodation cards, and frequently asked questions.ENLARGE SCREEN ↗

EXPLORE THE DESIGN FILE IN FIGMA ↗

05 / OUTCOME

The result.
The design takeaway.

The resulting website direction connects discovery, itinerary planning, collaboration, and booking. The project board includes responsive and mobile explorations alongside the website. No additional business-result claims have been added.

NEXT PROJECT
FastoVIEW CASE STUDY ↗
↑ TOP

Project screen