Freelancers using Stitch in DhakaFreelancers using Stitch in Dhaka
Creative Tech & Design Partner | Brands via UX/Dev • Framer
52
Followers
Creative Tech & Design Partner | Brands via UX/Dev • Framer
Cover image for Transformative Workflow Auditing for Independent Creators
Workflow Quest - An Instrument for Independents. The Problem Independent creators and freelancers are overwhelmed by Tool Sprawl, Dashboard Fatigue, and AI Anxiety. Late-night questions like “Am I using the right stack?” or “Is my workflow future-proof?” go unanswered because traditional audits feel like soul-crushing admin work. The Solution Workflow Quest transforms dry workflow auditing into a ritualistic, joyful performance — like playing a synthesizer with your operational DNA. I designed and prototyped a fully interactive, skeuomorphic instrument inside Figma that mimics a high-end Roland JD-Xi hardware unit: desaturated dark wood chassis, physical button depth, glowing indicator LEDs, CRT screen with authentic scanlines, and Web Audio feedback. How it works BOOT - Power on with the big red ENGAGE button. ROLE - Choose your primary operating profile (Designer, Developer, Founder, Marketer, Creator, Hybrid). SEQUENCE - Build your stack by tapping up to 16 tools from categorized grids with live search. Real-time strand counter and cap enforcement. CALC - Hit launch and watch the kernel processing sequence with a 140 BPM audio build-up. RESULTS - Receive your Human Workflow Index (HWI), matched archetype (e.g. Digital Craftsman, Velocity Operator), estimated hourly rate (realistic & capped), and full verified tool stack. Action Bento - Export/Share, post directly to Discord community, view Leaderboard, get personalized “Missing Strand” suggestions, market-demand insights, AI prompt copy, and leveling tips. Standout Details Built in Figma Complete 6-state machine with smooth transitions Responsive mobile-first layout with locked rows for neurodivergent clarity Interactive tool sequencer with synergy potential and hard 16-strand limit Real-time terminal readouts and compiler-style processing log Beautiful shareable Datacard output (example attached) Integrated Discord community button for instant sharing & connection Insight panels that teach optimization and combat AI anxiety Why this matters It turns your tool collection from a chaotic list into a visible extension of your craft and identity. It rewards intentional stacks, proves human + AI leverage, and gives creators a prestigious badge they actually want to share. Live Prototype: https://workflow-quest.figma.site (https://workflow-quest.figma.site)Figma Community: https://www.figma.com/community/file/1649685026382544146/workflow-quest-an-instrument-for-independents X Post: https://x.com/mdrafat007/status/2067863323270684849?s=20 Linkedin: https://www.linkedin.com/posts/mdrafat_mohammad-rafat-mdrafat007-on-x-activity-7473629527621939201-W8jM?utm_source=share&utm_medium=member_desktop&rcm=ACoAAA2IV08BNAmBNxKdKo9nZ14s-Y0ftTR1gYs This project is a love letter to independent builders - blending hardware nostalgia, gamification, digital wellness, and career leverage into one addictive instrument. It’s production-ready in spirit and deeply fun to use. Extremely open to feedback from the judges and Figma community. If it resonates, I’d be thrilled to see it out in the wild helping other independents. Built For Independents, Built For You 🔥 #ConfigMakeathon #Figma #Skeuomorphism #WorkflowDesign #CreatorEconomy #IndieHacking
7
4
455
UI/UX Designer | Figma → Framer & Elementor
5.0
Rating
147
Followers
UI/UX Designer | Figma → Framer & Elementor
Cover image for ImagiNest – AI Art &
ImagiNest – AI Art & SaaS Landing Page Design Project Overview ImagiNest is a next-generation AI SaaS website concept designed to transform complex user prompts into stunning, high-fidelity visual art. For this project, my goal was to create an immersive, futuristic dark-mode experience that instantly captures attention and drives conversions for artificial intelligence platforms. Using a vibrant neon green accent against a deep, dark canvas, the interface establishes a high-tech, premium, and trustworthy digital identity. 💻 My Role & Responsibilities UX Research & Wireframing: Analyzing user behavior on AI platforms to create a seamless, minimal flow. UI & Visual Design: Crafting a custom dark-mode design system, typography hierarchy, and premium layout structure. Interactive Prototyping: Designing smooth transitions and preview states for advanced AI tools. ✨ Key Design Highlights Conversion-Focused Hero Section: Features a bold value proposition coupled with a clean, direct prompt-input box to encourage immediate user engagement. High-Fidelity Dashboard Preview: Positioned right below the fold, giving visitors an instant, realistic preview of the core application layout and interface. Feature-Driven Grid UX: Clean card structures designed to highlight advanced tools—such as the AI Magic Eraser, Super Resolution, Neural Style Transfer, and Auto Enhancement—without overwhelming the user. 🛠️ Tools & Deliverables Tools Used: Figma Deliverables: High-fidelity desktop mockups, responsive design components, and development-ready layout systems. 💡 Looking to build a premium, high-converting landing page for your SaaS, AI startup, or digital product? Let’s collaborate to elevate your brand presence. Feel free to message me directly here on Contra to start your project!
2
2
23
Cover image for Altesa – Luxury Hotel Booking
Altesa – Luxury Hotel Booking Website UI/UX Design Project Description / Case Study: Overview Altesa is a premium, modern hotel booking and travel platform designed to make the vacation-planning experience seamless, intuitive, and visually captivating. The goal of this project was to design a landing page that balances luxury aesthetics with high-conversion layouts, helping users find and book their ideal accommodation effortlessly. The Challenge Most hospitality and booking websites feel cluttered with too many filters, aggressive pop-ups, and distracting elements. The challenge was to create a clean, minimalist, and trustworthy interface for Altesa that guides the user from exploration to final room booking without cognitive overload. The Solution & Design Approach Immersive Hero Section: Designed a bold, high-quality hero section with clear typography that immediately evokes a luxury feel. Intuitive Search UX: Placed a clean, high-contrast booking widget (Location, Person, Check-in/Check-out) right at the top for instant user action. Structured Room Showcases: Built a clean card layout for the room listings, using precise typography, visual badges (pricing, ratings), and a clear "Book Now" CTA for each package. Trust & Social Proof: Integrated strategic layout blocks for customer testimonials ("See How We Make All Clients Satisfied") and value propositions to maximize conversion and user trust. Spatial & Color Harmony: Used a warm, luxury-focused color scheme with sophisticated spacing and clean layouts to ensure readability and flawless navigation. My Responsibilities User Interface (UI) Design & Art Direction UX Strategy, Wireframing & Information Architecture Creating a cohesive, responsive grid layout for desktop and web browsers Want to collaborate on a similar project? I am a UI/UX Designer with over 3 years of experience specializing in high-converting SaaS landing pages, Fintech dashboards, and eCommerce interfaces. 📬 Drop me a message here on Contra, and let's discuss how we can elevate your brand's digital experience!
1
42
Cover image for Doctor Kadhem — Healthcare &
Doctor Kadhem — Healthcare & Virtual Care Landing Page Design 📝 Project Overview A premium, conversion-focused healthcare landing page designed from scratch in Figma. This project aims to bridge the gap between medical practitioners and patients by delivering a clean, trustworthy, and modern digital presence for clinical and virtual care services. 🛠️ The Challenge & Solution The Challenge: Medical and healthcare websites often suffer from cognitive overload—cluttered with dense text, confusing navigation, and intimidating layouts that cause user drop-offs. The goal was to take complex medical information (scheduling, practitioner bios, virtual solutions) and present it in an approachable, visually calming manner. The Solution: I designed a modern "Tech-Minimal" healthcare landing page using a soft, professional color palette (trust-evoking blues, purples, and clean whites) with generous whitespace. By establishing a rigid visual hierarchy and a structured grid layout, the design guides the user smoothly from learning about the doctor to booking an immediate appointment. ✨ Key Features Designed Impactful Hero Section: Features a strong value proposition, quick social proof (+685 happy patients), and an instant doctor consultation highlight to capture user trust within the first 3 seconds. Doctor Bio & Scannable Schedule: Dedicated space for professional credentials (MBBS, MCPS, FCPS) seamlessly integrated next to an easy-to-read weekly consultation timetable. Virtual Care Metrics: A clean statistics counter demonstrating clinic achievements and highlighting flexible, remote healthcare alternatives. Patient Social Proof: A dedicated grid layout for real patient testimonials to build localized authority and credibility. Chamber Locations & CTAs: Clear breakdown of physical chamber availability balanced with persistent digital call-to-actions (Booking/Appointment triggers). ⚙️ Design Methodology & Role My Role: Sole UI/UX Designer (End-to-end Execution) Execution: Conducted structural layout exploration and wireframing. Built consistent typographic scales and components to maintain a clean aesthetic. Ensured layout adaptability for clean, responsive development handoff. Tools Used: Figma
2
2
64
Full-Stack App & Web Developer | AI & Store Launch , UI/UX
12
Followers
Full-Stack App & Web Developer | AI & Store Launch , UI/UX