Hey! I Am
Rawnee.
– Rozaan Warsi
For me, exceptional digital products require both artistic intent and technical execution. I spend my time shaping intuitive interfaces from scratch, and translating them entirely into production-ready code.
Hey! I Am
Rawnee.
- Rozaan Warsi
For me, exceptional digital products require both artistic intent and technical execution. I spend my time shaping intuitive interfaces from scratch, and translating them entirely into production-ready code.
(See the work)
/From zero to one/
Concept work. These are self-initiated projects built to explore design and motion — brands, products and content are fictional or used for demonstration only.
Every business sells differently, so every site is built differently. No templates, no starter kits — just a layout designed around the one thing that business needs to happen, whether that’s an order placed, an enquiry sent or a booking confirmed.
Web creation is the creative, the psychological, and often the seamless process of transforming complex, backend data into beautiful, human-centered interfaces that people effortlessly enjoy using.
(Mumbai — IN)
An end-to-end process that spans design and build for websites and web apps, with a high standard for visual craft and the code underneath it.
(About me)
experience
One person, both halves. I design the thing and I build the thing — no handoff, no translation loss, no waiting on someone else’s queue.
Every project starts with what the business needs to happen on the page, then works backwards to the design. Performance is design.
On a journey of endless path
Design
- Visual direction1Setting the overall look and mood before any layout exists, so every later decision has a reference.
- Design concept2Turning what the business actually needs into a structure — what goes where, and why it earns the space.
- Typography3Choosing and pairing type, then setting scale and rhythm so long pages stay readable at every size.
- Colour4Building a palette that carries the brand and still passes contrast, across light, dark and hover states.
- Composition5Arranging grid, spacing and hierarchy so the eye lands on what matters first, on any screen.
- UI style guide6Documenting tokens, components and states, so the site can be extended later without the design drifting.
Motion & UX
- UX research1Understanding who visits and what they came for, before deciding what the page should ask of them.
- Usability testing2Watching real people use it and fixing what trips them up, rather than assuming the flow works.
- Motion design3Scroll, reveal and transition work that gives the page rhythm and tells you where to look next.
- Interaction design4Hover, click and feedback states, so every element responds and nothing feels dead under the cursor.
- Prototyping5Building a working version early, so timing and feel can be judged in the browser rather than in static mockups.
Development
- Next.js & React1Component-based builds that stay fast to load and straightforward to extend after the project ships.
- GSAP & Framer Motion2The libraries behind the motion work — precise timing, scroll triggers, and animation that stays smooth on mobile.
- Tailwind CSS3Utility-first styling with a shared token system, so spacing, colour and type stay consistent across every page.
- Vercel deploys4Continuous deployment with preview builds, so changes can be reviewed live before anything reaches the real site.
Most sites just sit there. I build ones that move with intent — where every pixel earns its place.
Portfolio@26