Freelance Product Designers in Dhaka DivisionFreelance Product Designers in Dhaka Division
UI/UX Designer | Figma → Framer & Elementor
5.0
Rating
164
Followers
UI/UX Designer | Figma → Framer & Elementor
Cover image for 📘 Tutorify — EdTech &
📘 Tutorify — EdTech & Tutor Finder Platform (Case Study) 📌 Project Overview Tutorify is a modern EdTech platform designed to connect parents and students with verified home and online tutors without unnecessary hassle. Instead of forcing users through complex search bars, the platform relies on a browse-first navigation system, allowing users to land on their desired tutoring options within just a few taps or clicks. The design balances visual clarity, local context, and strong trust elements to drive seamless user conversions. 🎯 Core Challenges & Design Objectives Eliminate Friction (No Search Effort): Reduce cognitive load for parents by providing direct, structured category and area choices instead of relying on manual text searches. Dual Audience Engagement: Seamlessly cater to two different user types right above the fold: Parents/Students looking for tutors and Educators looking for tuition posts. Instant Trust & Credibility: Establish high reliability for educational services through clear statistics, verified badges, and authentic testimonials. 💡 Key UI/UX Solutions & Features 1. High-Impact Dual Hero Section: Features a clear split-card layout with distinct calls-to-action (Find a Tutor & Find Expert Tutors), providing an immediate pathway for both target audiences. 2. One-Tap Category Browsing: Organized visual categories (K-12, English Medium, Religious Studies, Language Learning) allow users to explore available tutors with a single click—no typing required. 3. Map-Integrated Area & Location Browsing: A location-focused widget helps parents easily find tutors nearby or filter tuitions based on specific zones (e.g., Mohammadpur, Dhanmondi, Mirpur). 4. Scannable Tuition Cards: Custom-designed tuition cards display crucial details at a glance—Subject, Class, Days per week, Location, and Fees—giving users full transparency before opening the details. 5. Social Proof & Conversion Elements: Live stats counter showing active placements and total verified tutors. Parent testimonials highlighting real-world trust. Dedicated mobile app download banner to drive multi-device engagement. 🛠️ Role & Tools Used Role: UI/UX Design, Information Architecture, Visual Design, Micro-Interactions Tools: Figma, Photoshop
1
10
Cover image for 🛋️ Furnex – Luxury &
🛋️ Furnex – Luxury & Sustainable E-Commerce Experience Project Overview Furnex is a minimalist, high-end e-commerce landing page concept tailored for modern home decor and sustainable furniture brands. The goal of this design is to blend editorial visual aesthetics with functional UX, turning casual browsers into confident buyers. The layout focuses heavily on clean spatial balance, product storytelling, and effortless navigation, ensuring that high-ticket furniture items are presented with the elegance they deserve. ✨ Key UX & Visual Highlights Editorial Typography & Hierarchy: High-contrast layout pairing modern headers with readable body copy to build a luxury brand tone. Product-First Storytelling: Dynamic product showcases, structured grids, and dedicated sections highlighting eco-friendly manufacturing and zero-waste logistics. Social Proof Integration: Built-in statistics counters, verified customer testimonials, and interactive collection highlights to build immediate buyer trust. Seamless E-Commerce Flow: Clean navigation bar, persistent cart interface, and prominent call-to-action (CTA) buttons for high conversion. 🛠️ Tools & Deliverables Tools Used: Figma Deliverables: High-fidelity desktop web designs, scalable UI components, auto-layout system, and design documentation. 💡 Looking to design an elegant e-commerce experience or elevate your brand's digital store? Let’s collaborate and build something remarkable together. Send a direct message right here on Contra to get started!
1
15
Cover image for Makag — Premium Agency Website
Makag — Premium Agency Website Design with Modern SaaS Aesthetics 📌 Project Overview Makag is a data-driven marketing agency designed to help ambitious businesses maximize their revenue. The core objective of this project was to design a high-converting landing page that breaks away from boring, traditional agency templates. By blending a premium agency framework with modern SaaS design trends (sleek dark overlays, vibrant color accents, and structured grids), the final interface delivers a sophisticated and trust-building user experience entirely crafted in Figma. 🚀 The Challenge Standard agency websites often struggle with low conversion because their layout feels generic or cluttered. For Makag, the core challenges were: SaaS-Inspired Premium Look: Creating a bold, dark-themed aesthetic with sharp visual contrasts to stand out instantly in a crowded market. Conversion-Driven Architecture: Designing a strong, benefit-driven hero section with strategic CTAs ("Get in touch") to turn visitors into high-value leads. Data & Authority Layout: Organizing complex agency metrics (250+ Clients, 3.5X ROI Growth, 12M+ Ad Spend) and multi-niche case studies into a clean, modern grid that feels highly intuitive. 🛠️ My Design Process UX Strategy & Structure: Designed a seamless navigation system (Home, About, Services, Portfolio, Team, FAQ) optimized to build immediate client trust and guide them toward the primary action points. Visual Direction & SaaS Aesthetics: Selected a premium dark forest green paired with an energetic neon yellow accent. The typography, spacing, and clean borders give the agency site a cutting-edge software/SaaS feel. Interactive Services Section: Built a dynamic "Our Services" section showcasing specific capabilities (Branding, UI/UX Conversion, Web Development) using clean hover states and component variations to keep the interface engaging yet minimal. Premium Case Studies Grid: Created a structured showcase grid for the agency's diverse design portfolio (featuring work like Releve, PixeMind, and Avika) across web and mobile layouts. 📦 Key Deliverables Complete High-Fidelity Responsive Landing Page Design (Figma) Reusable UI Component Library & Custom Interactive Hover States Defined Corporate Typography & Color Design Token System Clean, Developer-Ready Asset Tokens for Seamless Handoff 📈 The Outcome The final product perfectly bridges the gap between structured corporate capability and modern design aesthetics. By utilizing tech-forward SaaS visuals, strong social proof metrics, and high-visibility CTAs, the platform is fully engineered to elevate the agency's online presence and successfully capture high-tier international clients.
1
40
Cover image for 🤖 AIChatbot – High-Converting SaaS
🤖 AIChatbot – High-Converting SaaS Landing Page Project Overview A complete, conversion-focused B2B SaaS landing page designed for a next-generation No-Code AI Chatbot platform. The core goal of this project was to take complex technical AI features and present them through an intuitive visual narrative that drives instant sign-ups and free-trial activations. The entire layout is structured with a strict user psychology flow—moving from an attention-grabbing hero section directly into structured feature grids, behavioral workflows, analytics proof, and transparent pricing. 💻 Key Design Highlights & UX Architecture Product-Led Hero Section: Blends bold typography with interactive 3D elements and a clear product dashboard preview, allowing users to visualize the software immediately. Feature Grid & Layout Hierarchy: Designed clean, balanced grid structures for "Powerful Features" (Instant Setup, Smart Responses, Visitor Engagement) utilizing generous white space and micro-dashboards. Visualized Analytics & Social Proof: Integrated clean graph UI elements and a subtle logo marquee to build instant trust with tech founders and product managers. Conversion-Driven Pricing Structure: A clear, modern pricing section optimized to minimize friction and guide users smoothly toward the "Get Started" CTA. 🛠️ Tools & Design System Tools Used: Figma Deliverables: Pixel-perfect responsive web layouts, scalable auto-layout components, and consistent typography scales. 💡 Need a high-converting, modern landing page or a custom SaaS dashboard for your tech startup? Let’s collaborate to turn your platform idea into an elite digital product. Send a direct message right here on Contra to start today!
1
42
Next, React, HTML, SASS | Product, Brand | Website Building
1x
Hired
5.0
Rating
349
Followers
Next, React, HTML, SASS | Product, Brand | Website Building
Delivering Memorable User Experiences for Apps and Websites.
$5k+
Earned
2x
Hired
5.0
Rating
124
Followers
Delivering Memorable User Experiences for Apps and Websites.
Strategic UI/UX Design for Scalable Tech Products
67
Followers
Strategic UI/UX Design for Scalable Tech Products
Top 10% Product Designer | Designing SaaS & Websites
1x
Hired
111
Followers
Top 10% Product Designer | Designing SaaS & Websites
Your go-to partner for turning startup ideas into reality!
5.0
Rating
16
Followers
Your go-to partner for turning startup ideas into reality!
Creative Tech & Design Partner | Brands via UX/Dev • Framer
55
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
5
560