Nabila Riaz's Work | ContraWork by Nabila Riaz
Nabila Riaz

Nabila Riaz

Web Designer | SEO/GEO Expert — Rank on Google + AI

    3
    Followers
Cover image for Drelyune: A Private Atelier, Imagined
Drelyune: A Private Atelier, Imagined Where every piece is yours to imagine. A fictional luxury house built on Base44: a ceremonial welcome, a catalogue of original pieces, a private AI Advisor, and orders that genuinely arrive in your own Private Wardrobe. Drelyune is a luxury house that exists only in imagination, and it receives every visitor as a guest of honour. You are welcomed by name, you tell the house where in the world you are and what you are dressing for, and a private Advisor composes your look. Reserve it, watch it dispatched in time-lapse, and find it waiting in your Private Wardrobe. Nothing is charged. Everything is felt. WHY IT IS DIFFERENT A house, not a shop. One original luxury brand with a complete atelier of nine departments, its own names and its own photography, without a single borrowed logo. Where fantasy shopping ends, Drelyune begins. Your order arrives: into a Private Wardrobe that keeps every piece you reserve and offers a Look of the Day. Luxury that is kind. Every question is skippable, there is no pressure and no payment, and the Advisor speaks only of style, never of the body. WHAT IS INSIDE A ceremonial welcome of four gentle questions, each one skippable. Awareness of the world: 242 countries and territories, with local currency, sizes and seasons. Dressing by purpose, from Black Tie to Loungewear, following the real dress-code ladder. A private AI Advisor that composes looks from the house's own pieces and reserves them in a single gesture. A Black Card with a $30,000 pretend credit line, in three dimensions. An automated pipeline: Trunk, Dispatch, time-lapse tracking, delivery and a Private Wardrobe. An owner's dashboard with live insights. DESIGN Ink-plum, ivory and champagne gold. Cormorant Garamond. One quiet navigation bar, no footer, arched windows and still-life photography. Composed to feel like a private salon: unhurried, rich and precise. BEHIND THE SCENES Conceived, art-directed and shipped on Base44 in a matter of days: the data model, the original catalogue and its photography, the AI Advisor on Base44's built-in AI, and the automated order-to-wardrobe flow. The purpose is simple: to give anyone, anywhere, the feeling of stepping into luxury, because for the imagination, luxury is free. Step inside: https://drelyune-private-atelier.base44.app/ social post: 1. https://lnkd.in/p/d_nxi5Dz 2. https://x.com/nabilariaz35/status/2114474899351683387?s=20 #Base44Challenge @Base44
1
97
Cover image for Martha's Country Bakery: From Overlooked
Martha's Country Bakery: From Overlooked to Unforgettable Martha's Country Bakery has been a beloved, family-run NYC institution since 1972 — five locations across Astoria, Bayside, Forest Hills, and Williamsburg, with a large and loyal following. But their online presence hadn't kept pace: a cluttered, duplicate-filled menu with no pricing, no functional online ordering, and zero automation — despite serving thousands of customers across five locations every day. What I built on Base44: A fully redesigned, mobile-responsive website with a distinctive visual identity — including a "Recipe Journal" storytelling section and an oven-timer-styled countdown, moving well beyond a generic template A two-level browsing Menu with search, individual product pages, and a simple pickup order-request flow "The Baker's Surprise Box" — a Mystery Box system designed to turn nightly surplus inventory into revenue instead of waste, with live, database-driven availability A "Kindness Tracker" — a live counter showing unsold items shared with the neighborhood's night-shift workers and families instead of being thrown away, turning food waste into community goodwill An AI Concierge agent that answers customer FAQs (hours, locations, menu categories) and books Mystery Box reservations directly into a live orders system — built with strict, fact-locked guidelines so it never invents information, and least-privilege data permissions for safe operation A secure, admin-only Owner Dashboard for managing daily stock, logging donations, tracking orders, and moderating reviews — designed so the bakery owner could run this in minutes each night Transparency note: This is an unsolicited concept project built for the Give It A Glow Challenge — I wasn't able to reach the business owner for confirmation before the deadline, so this is a portfolio/demo build, not an officially commissioned site. Martha's real, official website remains live and completely unaffected. Due to temporary API credit limits during final testing, the AI Concierge's live chat may be briefly paused at time of review — the automation is fully built and already successfully created a real reservation end-to-end during development. Every other part of the site is fully live and functional. Original website (before): https://marthascountrybakery.com/ Live site (After): https://marthascountrybakery.base44.app/
4
227
Cover image for IdentityShift — AI Identity Tool
When
IdentityShift — AI Identity Tool When AI disrupts your career, you don't just lose income — you lose your identity. The World Economic Forum named this "occupational identity crisis" in 2026. 300M+ jobs are at risk. Zero tools existed to address it. Until now. IdentityShift is a free, anonymous, 5-minute AI-powered web tool that helps anyone rediscover their irreplaceable human value in the AI era. HOW IT WORKS: 5 deep questions — not skill tests, but identity exploration AI analyzes your answers and generates a personal Identity Map 3 concrete next steps personalized to your unique human strengths No login. No data stored. Works for anyone, anywhere. BUILT WITH FIGMA: Figma Make — entire web app built from prompts, zero coding Figma Weave — AI-generated Identity Map visualization Figma MCP — design system connected to Claude AI Gemini AI — powers the intelligent assessment Supabase — API security via Edge Functions THE CHALLENGE: Built in 10 days by Nabila Riaz — a Pakistani freelancer with no coding background — who learned Figma Make, Weave, and MCP entirely during this build. Every error was a lesson. Every iteration made it more human. This tool exists because 300 million people deserve clarity — not just another reskilling platform, but a mirror that shows them who they truly are beyond any job title. Live URL: https://mild-kernel-12851530.figma.site Community File: https://www.figma.com/community/file/1649528640914098428
2
2
568
Cover image for Live Site: https://nexusbag.lovable.app/ 
The Idea
Live Site: https://nexusbag.lovable.app/ The Idea Behind NEXUS BAG When I sat down to think about what to build for this challenge, I wanted to create something genuinely forward-looking — not just a beautiful interface, but a concept rooted in where the world is actually heading. NEXUS BAG was born from that thinking. We live in a time where robotic precision is already reshaping manufacturing. Robotic arms are already assembling cars, electronics, and medical devices with extraordinary accuracy. It is not difficult to imagine a near future where that same intelligence is applied to luxury fashion — where every stitch, every fiber, every detail of a bag is engineered by AI and assembled by machines that never make mistakes. NEXUS BAG is that future, visualized today. My Honest Experience I will be completely transparent — my experience had one real challenge. Due to a slow internet connection and heavy page rendering, some screens stayed in a persistent loading state for longer than expected. This meant I could not make all the changes I had envisioned, and certain interactions on the live site are not as polished as I originally planned. But here is the honest truth: even with those limitations, the results still exceeded my imagination. What Surprised Me Most The streaming generation feature was the moment I realized this tool was something special. Watching my design build itself onto the canvas in real time felt less like using software and more like having a conversation with a highly skilled designer who could read my mind. The DESIGN.md (http://DESIGN.md) system automatically generated a complete design language — color palette, typography scale, spacing rules, and component behavior — all structured and ready to use. As a freelance designer who builds these systems manually, this feature alone saved me hours of work. The in-place AI editing allowed me to refine individual elements simply by clicking and describing what I wanted. No manual CSS adjustments, no layer hunting — just natural language and immediate results. The One Challenge I Faced Some pages with heavy animations and particle effects took significantly longer to render due to my slow internet connection. A couple of screens showed a persistent generating state for an extended period, which limited the changes I could make. I would love to see Stitch optimize rendering performance for complex animations — this would make the experience much smoother for users with slower connections. However, this did not diminish my overall experience. The platform is pushing real boundaries and that kind of ambition occasionally comes with growing pains. Final Thoughts Google Stitch is one of the most exciting tools I have encountered in my design career. It respects your creative vision, understands context deeply, and produces output that feels production-ready — even on a bad internet day. For freelancers and independent creators especially, it represents a fundamental shift in how quickly a professional-quality product can go from idea to live experience. Despite the technical limitations I faced, I walked away genuinely impressed — and already thinking about my next project.
2
2
291