DESIGNING
000

UI/UX Designer & Web Developer

I turn ideas into clean, responsive websites with thoughtful design, smooth user journeys and build-ready detail.

Hey, Just An Intro

My work sits between structure, visuals and build. I plan the flow, design the interface and shape the final experience so every screen feels clear from first visit to final click.

Portfolio

Featured Portfolio®

A selection of websites, storefronts, dashboards and brand-led digital experiences I have designed, built and shipped.

↗ View all projects
Worked with:
Splitmoon Studios Beauty of Pets Honey Veda Parista Khalifa Investment
↗
Beauty of Pets 2024 WordPressFrontend
↗
Honey Veda 2024 ShopifyBranding
↗
Parista Products 2023 WooCommerceElementor
↗
Khalifa Investment 2023 WordPressCorporate
↗
AngelVerse 2025 UI/UXWeb3

One craftsman. Zero translation loss.

Figma. Systems.
Typography. Story.

HTML. CSS. JS.
WordPress. Shopify.

About Me (MN® 06) ©2026

The mind behind all the pixels

About me

I’m Mohd Nafis, a designer and web developer from New Delhi with 4+ years of experience creating websites, online stores and digital interfaces for brands and growing businesses.

I care about the details people actually feel: clear layouts, readable typography, fast pages, simple navigation, mobile responsiveness and websites clients can manage after launch.

Tools & Stacks

  • Figma
  • WordPress
  • Shopify
  • Webflow
  • Framer
  • Wix
  • Photoshop
  • Illustrator
  • HTML / CSS / JS

My Experience

  • Splitmoon StudiosDesigner & Developer
  • FreelanceWeb design & build
  • BCABachelor of Computer Applications
  • Commercial ArtDiploma
Skills

What I bring to a project

Wireframes, systems, APIs, bug hunts and launch day, all by the same pair of hands.

SCENE 09 — THE CRAFT

What I actually do.

01 / 04

DESIGN

UI/UX Design

Turning messy ideas into clean, usable interfaces. Research, wireframes, prototypes and design systems, tested against real users before a single pixel ships.

  • FIGMA
  • ADOBE XD
  • WIREFRAMES
  • PROTOTYPES
  • DESIGN SYSTEMS

02 / 04

BUILD

Web Design & Development

Responsive builds across WordPress, Webflow, Framer, Wix and custom frontend code. Clean layouts, editable structures and polished pages that stay fast across screens.

  • WORDPRESS
  • WEBFLOW
  • FRAMER
  • WIX
  • HTML / CSS / JS

03 / 04

COMMERCE

E-Commerce Storefronts

Shopify and WooCommerce stores built to sell: clear product journeys, tidy carts and checkouts that do not leak customers.

  • SHOPIFY
  • WOOCOMMERCE
  • UX FLOWS
  • CONVERSION

04 / 04

IDENTITY

Brand & Graphics

Logos, labels, social creatives and typography systems. One consistent visual voice across every place your brand shows up.

  • PHOTOSHOP
  • ILLUSTRATOR
  • BRANDING
  • PRINT

Design

  • UI/UX Design
  • Wireframing
  • Prototyping
  • Visual Identity
  • Typography
  • Design Systems

01

Development

  • WordPress
  • Webflow
  • Framer
  • Wix
  • HTML + CSS + JS
  • Responsive Builds
  • Performance + SEO

02

E-Commerce

  • Shopify
  • WooCommerce
  • Product Architecture
  • Payments + Checkout
  • Conversion UX

03

Branding

  • Logo Design
  • Product Labels
  • Social Creatives
  • Print + Packaging
  • Brand Guidelines

04

Design

  • UI/UX Design
  • Wireframing
  • Prototyping
  • Visual Identity
  • Typography
  • Design Systems

01

Development

  • WordPress
  • Webflow
  • Framer
  • Wix
  • HTML + CSS + JS
  • Responsive Builds
  • Performance + SEO

02

E-Commerce

  • Shopify
  • WooCommerce
  • Product Architecture
  • Payments + Checkout
  • Conversion UX

03

Branding

  • Logo Design
  • Product Labels
  • Social Creatives
  • Print + Packaging
  • Brand Guidelines

04

Who I Build For (MN® 05) ©2026

Who I build for

Startups

Idea to launch, fast.

2x faster launch

E-commerce brands

Stores built to convert.

Full CMS training

Local businesses

A web presence that works as hard as you do.

SEO-ready from day one

Agencies

White-label design and build support.

Reliable overflow partner
25+ projects 4+ years 3 languages Remote-friendly
Benefits Of Hiring Me (MN® 08) ©2026

Live in weeks, not months

No agency queue, no vendor ping-pong. A focused build with a clear launch date.

Design + Code, one person

The person who designed your site is the person building it. Nothing gets lost in translation.

Support after launch

Quick updates, CMS guidance and practical fixes so your website keeps working after it goes live.

FAQ (MN® 10) ©2026

Frequently asked questions

Everything clients usually ask before we start. Something else on your mind?

Still have questions? Talk to me

Most business and portfolio websites take 2 to 4 weeks. E-commerce websites usually take 4 to 6 weeks depending on pages, products and features.

Pricing depends on the number of pages, platform, design complexity and required features. After a short brief, I share a clear project quote.

Yes. I build with manageable tools like WordPress, Elementor, WooCommerce, Shopify, Webflow, Framer and Wix, and I can guide you on basic updates.

Each project includes focused revision rounds so the design can be polished properly before launch.

Your logo, content, page list, product details if needed, brand references and examples of websites you like.

Testimonials

What clients think of working together

  • Dummy Client 01

    Sample testimonial copy for previewing this section. Replace this with a real client quote before launch.

    Dummy Client 01 Sample testimonial
    ↗
  • Dummy Client 02

    This dummy feedback helps test the card layout, slider spacing, image crop and text wrapping on the live page.

    Dummy Client 02 Sample testimonial
    ↗
  • Dummy Client 03

    Placeholder testimonial text for checking how longer client feedback will feel inside the moving carousel.

    Dummy Client 03 Sample testimonial
    ↗
  • Dummy Client 04

    Sample review content for the website preview. Add verified project feedback here when the final copy is ready.

    Dummy Client 04 Sample testimonial
    ↗
  • Dummy Client 05

    Dummy testimonial used only for layout testing across desktop and mobile screens.

    Dummy Client 05 Sample testimonial
    ↗
  • Dummy Client 06

    Sample content for testing the testimonial system with images, names, roles and smooth slider movement.

    Dummy Client 06 Sample testimonial
    ↗
  • Dummy Client 06

    Sample content for testing the testimonial system with images, names, roles and smooth slider movement.

    Dummy Client 06 Sample testimonial
    ↗
  • Dummy Client 05

    Dummy testimonial used only for layout testing across desktop and mobile screens.

    Dummy Client 05 Sample testimonial
    ↗
  • Dummy Client 04

    Sample review content for the website preview. Add verified project feedback here when the final copy is ready.

    Dummy Client 04 Sample testimonial
    ↗
  • Dummy Client 03

    Placeholder testimonial text for checking how longer client feedback will feel inside the moving carousel.

    Dummy Client 03 Sample testimonial
    ↗
  • Dummy Client 02

    This dummy feedback helps test the card layout, slider spacing, image crop and text wrapping on the live page.

    Dummy Client 02 Sample testimonial
    ↗
  • Dummy Client 01

    Sample testimonial copy for previewing this section. Replace this with a real client quote before launch.

    Dummy Client 01 Sample testimonial
    ↗
Scroll to Top