DESIGNING
000

MOHD NAFIS — NEW DELHI, IN — EST. 2021

I DESIGN WHAT I BUILD. I BUILD WHAT I design.

Digital Experience Designer & Frontend Developer crafting immersive brand and commerce experiences — from first wireframe to final deploy.

Most websites are assembled. Mine are composed — where typography has rhythm, motion has intent, and every pixel earns its place.

FOUR YEARS. TWO DISCIPLINES. ZERO HANDOFFS.

↳ Selected Exhibits

View More
Dummy Project Web Design, UI/UX
Dummy Project
View

01 — THE DESIGNER

Figma. Systems.
Typography. Story.

02 — THE DEVELOPER

HTML. CSS. JS.
WordPress. Shopify.

ONE CRAFTSMAN.
Zero translation loss.

0+

YEARS PRACTICE

0+

PROJECTS SHIPPED

0

PLATFORMS MASTERED

0

OBSESSION: DETAIL

SCENE 09 — THE CRAFT

What I actually do.

01 / 04

DESIGN

UI/UX Design

Interfaces born in Figma — wireframes, prototypes and design systems that survive contact with real users.

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

02 / 04

BUILD

Web Design & Development

Custom WordPress builds on Astra — hand-tuned layouts, responsive to the last breakpoint, fast by default.

  • WORDPRESS
  • ASTRA
  • ELEMENTOR
  • HTML / CSS / JS

03 / 04

COMMERCE

E-Commerce Storefronts

Shopify and WooCommerce stores with clear user journeys — product filters, tidy carts, checkouts that don’t leak.

  • SHOPIFY
  • WOOCOMMERCE
  • UX FLOWS
  • CONVERSION

04 / 04

IDENTITY

Brand & Graphics

Logos, labels, social creatives and typography systems — one visual voice across every touchpoint.

  • PHOTOSHOP
  • ILLUSTRATOR
  • BRANDING
  • PRINT

SCENE 10 — THE METHOD

Same four steps.
Every time.

  1. Discover

    Brief, audit, moodboards. I learn the business before touching pixels.

  2. Design

    Wireframes to high-fidelity in Figma. Systems, not screens.

  3. Build

    Design handed to myself — pixel-perfect front-end, zero translation loss.

  4. Ship

    QA, speed pass, SEO pass, launch — then CMS training so you own it.

INTERLUDE C — RECESS

Don’t just scroll.
Make a mess.

( MOVE YOUR CURSOR — OR TAP )

SCENE 13 — CAPABILITIES

Tailored solutions for
your unique vision.

Get in touch →

Design

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

01

Development

  • WordPress
  • HTML · CSS · JS
  • Astra · Elementor
  • Responsive
  • Performance

02

E-Commerce

  • Shopify
  • WooCommerce
  • Product Filters
  • Checkout UX
  • Conversion

03

Branding

  • Logos
  • Product Labels
  • Social Creatives
  • Print
  • Guidelines

04

Design

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

01

Development

  • WordPress
  • HTML · CSS · JS
  • Astra · Elementor
  • Responsive
  • Performance

02

E-Commerce

  • Shopify
  • WooCommerce
  • Product Filters
  • Checkout UX
  • Conversion

03

Branding

  • Logos
  • Product Labels
  • Social Creatives
  • Print
  • Guidelines

04

SCENE 15 — THE TRAIL

Design that follows you.

( MOVE YOUR CURSOR )

Scroll to Top