Afroz Inamdar

00 / Portfolio 2026

AfrozInamdar

Design technologist in Mumbai. I build polished interfaces backed by real PHP/MySQL platform logic, admin workflows and security-aware delivery.

  • Group Manager, UI/UX & Web Experience at WNS
  • Full-stack developer & UI engineer
  • 8+ years across design, motion and code
See the work Get in touch

Available for freelance & full-time

Experience
8+ yrs
Design, frontend and full-stack delivery
WNS.com reach
2M+
Annual visitors on the platform I lead UI for
Faster builds
40%
Less dev time via reusable components
Publishing cycle
3 d → 4-6 h
Content turnaround after template rework

01

Selected work

Five case studies, each one click away: a private music platform I engineered end to end, a community platform with its own CMS, an association site, a Gulf brand site, and enterprise web experience at scale.

Each card opens the full case: screens on the left, requirements and solution on the right.

Case 01 / 05

Zorfa: a private music streaming platform

Private music streaming platform

Player: now playing with synced lyrics. Illustrative fragment rebuilt from Zorfa's design tokens; the app is private and the track names are fictional.
Library: search across 1,383 tracks, albums and artists.
Admin: chunked, resumable uploads with client-side SHA-256.
Role
Solo: product, design, frontend, backend
Year
2026
Stack
  • Preact + Signals
  • TypeScript
  • PWA
  • PHP 8
  • MySQL
  • Python
  • SSO + TOTP

Client requirements

  • Make a 1,383-track personal library searchable and playable on phone and desktop, not just a folder on a server.
  • Real metadata (release years, cover art, artist photos, synced lyrics) without manual tagging.
  • Uploads that survive a dropped connection on a home line.
  • One account, protected by two factors, shared with my other apps.
  • Run on the shared hosting I already pay for.

Self-directed project: requirements are my own.

Solution: what I built

  • Installable PWA in Preact + Signals with fuzzy search and synced lyrics.
  • Chunked, resumable uploads verified with SHA-256 in the browser.
  • A Python standard-library scraper for release years, cover art, synced lyrics and artist photos.
  • Single sign-on with PKCE and mandatory TOTP.
  • A PHP 8 / MySQL API with path-authoritative media identity, so renames are folded instead of duplicated.

Outcome

A recommender built on listening transitions and skips drives radio-style autoplay. The library now plays like a service, and it runs on shared hosting.

zorfa.afroz.co.in · invite-only

Case 02 / 05

Light Years Theory

Community platform & Darkroom CMS

Light Years Theory home page, hero
Home · hero
Light Years Theory home page, mid-scroll
Home · mid-scroll
Light Years Theory home page, further down
Home · further down
Light Years Theory home page on a 390 px phone
Home on a 390 px phone
Light Years Theory interior page: First Light
Interior page
Role
Design + full-stack development
Stack
  • PHP 8
  • MySQL
  • GSAP
  • Three.js
  • Vite + React islands

Client requirements

  • A cinematic public site that carries the brand rather than a template.
  • Members need to join and be onboarded on the site itself.
  • A community space for members to gather in.
  • The team must publish and manage content without a developer.

Requirements summarised from the project's public scope.

Solution: what I built

  • A custom PHP 8 / MySQL platform with member onboarding.
  • The Circuit: a members' community space.
  • Darkroom: a purpose-built admin CMS for the team.
  • GSAP motion and a Three.js globe, mounted as React islands on a Vite build.

Outcome

One codebase carries both the cinematic public site and the day-to-day admin workflow behind it.

lightyearstheory.com

Case 03 / 05

LiDAI: Lighting Designers Association of India

Association website & event A/V

LiDAI home page, hero
Home · hero
LiDAI home page, mid-scroll
Home · mid-scroll
LiDAI home page, further down
Home · further down
LiDAI home page on a 390 px phone
Home on a 390 px phone
LiDAI interior page: About us
Interior page
LiDAI interior page: events archive
Interior page
Role
Design + WordPress development
Stack
  • WordPress
  • Responsive UI
  • Content architecture
  • Motion / event A/V

Client requirements

  • A public home for India's lighting-design community.
  • Clear information for members, events and association activity.
  • Something the association's own people can keep current.
  • Event material that works on a big screen as well as the site.

Requirements summarised from the project's public scope.

Solution: what I built

  • A WordPress build with editor-friendly templates.
  • A content architecture for association, membership and event pages.
  • Responsive layouts that hold up from phone to desktop.
  • Event A/V and a website mockup, designed alongside the build (both on Behance).

Outcome

The association has a site its own team updates, and event material in the same visual language.

lidai.in LiDAI website mockup LiDAI Event A/V Reel

Case 04 / 05

Aidomotix: smart automation brand

Smart-automation brand site, Gulf market

Aidomotix home page, hero
Home · hero
Aidomotix home page, mid-scroll
Home · mid-scroll
Aidomotix home page, further down
Home · further down
Aidomotix home page on a 390 px phone
Home on a 390 px phone
Aidomotix interior page: About us
Interior page
Aidomotix interior page: savings on bills
Interior page
Role
Design + WordPress development
Stack
  • WordPress
  • Responsive UI
  • Brand-led layout

Client requirements

  • Introduce a Dubai-based smart automation brand to the Gulf market.
  • Explain the product range to people who are not engineers.
  • Read as premium on the devices that market actually uses.
  • Stay editable in-house.

Requirements summarised from the project's public scope.

Solution: what I built

  • A WordPress brand site with product and service sections.
  • Layouts built mobile-first for a phone-heavy audience.
  • Editor-friendly templates so the team can extend the site.

Outcome

A brand site that presents the range clearly and stays easy to update.

aidomotix.com

Case 05 / 05

WNS.com: enterprise web experience at scale

Enterprise web experience at scale

faster selected pages
~32%
less dev time
40%
to publish (was 3 days)
4-6 h
annual visitors
2M+

Described in general terms; no confidential client material. No client screenshots or logos are shown.

Role
Group Manager, UI/UX & Web Experience
Year
2023-present
Stack
  • DotNetNuke
  • jQuery
  • Bootstrap
  • Swiper.js
  • GSAP
  • Component systems

Client requirements

  • A global corporate site serving 2M+ annual visitors.
  • Many content owners publishing across the business.
  • Pages that load fast enough for that audience.
  • A shorter path from brief to published page.

Described in general terms; no confidential client material.

Solution: what I built

  • DotNetNuke templates built as reusable components.
  • GSAP motion modules kept inside performance budgets.
  • Leading UI/UX and web-experience delivery for the team.

Outcome

Around 32% faster load on selected pages, 40% less development time, and a publishing cycle cut from 3 days to 4-6 hours.

wns.com (public site)

02

Design archive

Brand identities, social campaigns, UI and motion. My complete Behance profile: 32 projects of graphic design, illustration and front-end work from 2015 onward.

Full profile on Behance

03

Capabilities & path

I'm Afroz Inamdar, a Mumbai-based design technologist with eight-plus years between the design file and the database. I trained in interior design, work as a hands-on illustrator and motion designer, and ship production code.

Today I lead UI/UX and web experience at WNS Global Services. On my own time I build complete platforms: auth, admin tools and all.

  • Full-stack proof

    Custom PHP/MySQL platform work with auth, admin CMS, queues, audit and session logs, up to a 63-table schema.

  • Frontend craft

    Responsive, pixel-accurate UI, GSAP motion, reusable components and CMS templates.

  • CMS delivery

    DotNetNuke, WordPress and Webflow, built so content teams can move fast.

  • Security aware

    CSRF protection, CSP/HSTS, bcrypt, reset tokens, HTMLPurifier, prepared SQL and protected uploads.

Experience

  1. Group Manager, UI/UX & Web Experience

    WNS Global Services

    2023-present

    Leads UI and web experience for WNS.com: templates, motion modules, component system.

  2. Frontend Specialist / Platform Lead

    Accenture

    2019-2023

    Enterprise templates and emailers; 400+ assets a month.

  3. UI Developer / Creative Lead

    AP Guru

    2018-2019

    Interface development and creative direction.

  4. Frontend Developer / UI Designer

    Creative Maniacs

    2016-2018

    Websites, UI design and brand creatives.

Education

  • Professional Certificate, Digital Marketing, ISB (2025)
  • BSc Interior Design, INIFD (2014)

Toolkit

Build

HTML5 · CSS3 · JavaScript (ES6+) · TypeScript · jQuery · Bootstrap · Swiper.js · GSAP · PHP 8 · MySQL · WordPress · DotNetNuke · Webflow · Salesforce UI

Design

Figma · Adobe XD · Photoshop · Illustrator · InDesign · After Effects · Premiere Pro · Blender · Cinema 4D · 3ds Max · Sketch · UXPin · Stensul · Jira

04

Let’s build something precise.

Freelance project, full-time role, or a question about something here: send a note. I reply personally.

The form needs JavaScript. Please email me instead; the address is on the left.

What's it about?

At least 20 characters. No attachments.