Rohan Ahmed, Dhaka (2026)

15/06/2026

🎨 CASE STUDY #04 — What Happens When You Give Creatives an AI Superpower?

Creative block is real.
Blank canvas anxiety is real.
Spending 3 hours on a headline that should take 3 minutes? Very, very real.

I built Lumis AI to fix that. Full breakdown below. 👇

━━━━━━━━━━━━━━━━━━━━━━
🎯 THE BRIEF
━━━━━━━━━━━━━━━━━━━━━━
An AI platform that doesn't replace creative thinking — it amplifies it.

Target users: designers, content creators, marketers, brand strategists.

The challenge? Making AI feel less like a tool and more like a creative partner.

━━━━━━━━━━━━━━━━━━━━━━
⚡ HOW I BUILT IT
━━━━━━━━━━━━━━━━━━━━━━
▸ Next.js — Lightning-fast SPA with seamless navigation
▸ AI Content Generation — Smart writing assistance + ideation engine
▸ Intelligent Design Suggestions — Style, layout, and color AI
▸ Workflow Automation — Repetitive creative tasks, automated
▸ Netlify — Continuous deployment
▸ React — Component-driven, reusable creative UI

Core Features:
→ ✍️ AI-powered copy generation (headlines, captions, concepts)
→ 🎨 Design direction suggestions based on brand inputs
→ ⚡ Instant workflow automation for creative pipelines
→ 🧠 Context-aware creative briefs
→ 📊 Performance tracking for creative assets

━━━━━━━━━━━━━━━━━━━━━━
💡 THE KEY INSIGHT
━━━━━━━━━━━━━━━━━━━━━━
Creatives don't want AI to think FOR them.
They want AI to think WITH them.

Every feature was designed to inspire, not replace.

✅ Platform shipped on schedule
✅ Used by designers & marketers across 3 countries
✅ "It feels like having a creative director in my pocket" — beta user

🌐 Try it → lumis-ai.netlify.app
💼 Build your AI product → rohanahmed.net
📱 WhatsApp: +8801737282753

13/06/2026

🚀 CASE STUDY #03 — I Didn't Just Build a Website. I Built My Agency's Future.

What does it look like when a web developer builds their own studio site?

Spoiler: It's not just a portfolio. It's a statement.

Here's the full story behind RoGency — the AI web dev studio I founded and built from scratch. 🧵

━━━━━━━━━━━━━━━━━━━━━━
🎯 THE CHALLENGE
━━━━━━━━━━━━━━━━━━━━━━
Building your own agency site is harder than building for clients.
Every decision gets second-guessed. I needed a site that:
✦ Communicated "elite AI-native studio" instantly
✦ Showcased multi-agent AI capabilities clearly
✦ Converted visitors into paying clients
✦ Loaded in under 1 second. Zero compromises.

━━━━━━━━━━━━━━━━━━━━━━
⚡ THE BUILD
━━━━━━━━━━━━━━━━━━━━━━
▸ Next.js 15 with App Router — cutting-edge architecture
▸ AI Agent Visualization — animated multi-agent system demo
▸ FastAPI backend — AI-powered contact intelligence
▸ Framer Motion — cinematic micro-interactions
▸ TypeScript — zero runtime surprises
▸ Vercel Edge Network — global CDN deployment

The differentiator? The homepage literally demonstrates AI in action. Visitors see multi-agent workflows animating live — no explanation needed. 🤖

━━━━━━━━━━━━━━━━━━━━━━
📊 RESULTS
━━━━━━━━━━━━━━━━━━━━━━
✅ Lighthouse Performance Score: 99/100
✅ First Contentful Paint: 0.8s
✅ 5 qualified client leads in first month
✅ 100% built and deployed solo

Your own portfolio is your best case study.
Build it like you'd build it for your best client.

🌐 See it → agency.rohanahmed.net
💼 Hire me → rohanahmed.net
📱 WhatsApp: +8801737282753

11/06/2026

🧠 CASE STUDY #02 — What If Your E-Learning Platform Could Learn Too?

Most online courses treat every student the same.
One size fits all. One pace for everyone.

But what if the platform could adapt? Personalize? Evolve?

That was the vision behind TheWisdomia. 👇

━━━━━━━━━━━━━━━━━━━━━━
🎯 THE PROBLEM
━━━━━━━━━━━━━━━━━━━━━━
An EdTech startup came to me with a bold ask:

"Build us a platform where content adapts to each student's progress, speed, and performance — in real time."

Existing LMS platforms? Too rigid. Too expensive. Too generic.
They needed something custom, scalable, and intelligent.

━━━━━━━━━━━━━━━━━━━━━━
⚡ WHAT I BUILT
━━━━━━━━━━━━━━━━━━━━━━
▸ Next.js 15 — Server-side rendering for instant content delivery
▸ AI Integration — Adaptive content recommendations
▸ Smart Assessment Engine — Dynamic difficulty adjustment
▸ Progress Analytics Dashboard — Visual learning journey tracking
▸ Tailwind CSS — Clean, distraction-free learning UI

Key Features:
→ 📚 Personalized learning paths per student
→ 📊 Real-time progress visualization
→ 🤖 AI-powered content suggestions
→ ⚡ Sub-second page transitions
→ 📱 Fully responsive across all devices

━━━━━━━━━━━━━━━━━━━━━━
📊 THE OUTCOME
━━━━━━━━━━━━━━━━━━━━━━
✅ Platform launched ahead of schedule
✅ Student engagement up 40% vs their previous platform
✅ Course completion rates improved significantly
✅ Zero downtime since launch

💡 Great EdTech isn't about more content. It's about smarter delivery.

🌐 Live → thewisdomia.com
💼 Need a custom platform? → rohanahmed.net
📱 WhatsApp: +8801737282753

09/06/2026

🖤 CASE STUDY #01 — When Code Meets Couture

"I don't just want a portfolio. I want people to feel my work before they read a single word."

That's what my client said. Challenge accepted. 🎯

Here's how I built STYLA — a luxury fashion director portfolio that converts visitors into clients before they scroll past the fold.

━━━━━━━━━━━━━━━━━━━━━━
🎯 THE CHALLENGE
━━━━━━━━━━━━━━━━━━━━━━
Fashion directors live and die by visual impact. They needed:
✦ An editorial-first design that felt like a magazine, not a website
✦ Dark, moody aesthetic matching their runway work
✦ Crystal-clear service presentation without feeling "salesy"
✦ A seamless inquiry flow that converts

━━━━━━━━━━━━━━━━━━━━━━
⚡ THE SOLUTION
━━━━━━━━━━━━━━━━━━━━━━
Built STYLA from the ground up using:
▸ Next.js 15 — blazing-fast page loads
▸ Framer Motion — cinematic scroll animations
▸ Tailwind CSS — pixel-perfect dark editorial UI
▸ Vercel — instant global deployment

Every section designed with intention:
→ Hero: Full-screen video loop that commands attention
→ Work Gallery: Curated campaign grid with hover storytelling
→ Studio Section: Behind-the-scenes authenticity
→ Inquiry Form: Low-friction, high-converting contact flow

━━━━━━━━━━━━━━━━━━━━━━
📊 THE RESULT
━━━━━━━━━━━━━━━━━━━━━━
✅ Site live within 2 weeks of kickoff
✅ 3 new client inquiries within 48 hours of launch
✅ Lighthouse Performance Score: 98/100
✅ Page load under 1.2 seconds
✅ "This is exactly what I imagined" — the client

🌐 See it live → styla-project.vercel.app
💼 Want something like this? → rohanahmed.net
📱 WhatsApp: +8801737282753

07/06/2026

🚀 Case Study: Rebuilding My Portfolio Website

I recently updated my personal portfolio:
rohanahmed.net

This project was more than just a visual redesign. I wanted my portfolio to clearly show where I am heading as a Webflow, Framer, and AI-assisted web developer.

A portfolio should not only look good. It should communicate trust, skill, positioning, and the type of work someone can expect from you.

✨ Project Goal
The main goal was to create a portfolio that feels modern, polished, and client-focused.

I wanted the site to:
• present my work more clearly
• show my Webflow and Framer direction
• highlight my broader web development skills
• make my services easier to understand
• create a stronger first impression for potential clients
• connect my design taste with practical development ability

🛠️ What I focused on
• Clearer personal branding
• Stronger hero positioning
• A premium dark visual direction
• Better project presentation
• Service-focused messaging
• Cleaner calls to action
• More trust-building sections
• Better alignment with my current skills and future goals

🎨 Design Direction
I wanted something clean, modern, and premium — strong typography, dark UI, glassmorphism-inspired details, smooth hierarchy, and a tech-focused aesthetic.

💡 My Current Positioning
I build sleek, responsive, and high-converting websites using Webflow, Framer, Figma, GSAP, HTML, CSS, and modern AI-assisted workflows.

I also work with broader web technologies such as Next.js, React, TypeScript, Tailwind CSS, Vercel, and automation tools, which helps me think beyond only the visual layer.

📌 What this portfolio represents
• landing pages
• personal portfolios
• Webflow websites
• Framer websites
• interactive UI sections
• animated web experiences
• AI-assisted development workflows
• performance-focused front-end builds

🔍 What I learned
Building your own portfolio is harder than building for a client.

Because the site itself becomes your proof.
Every section, project card, CTA, and line of copy has to answer one question:

“Why should someone trust me with their website?”

📈 Why this matters
A strong portfolio should do three things fast:

1. Show what you do
2. Build trust
3. Make it easy for the right client to contact you

🌐 Live portfolio:
rohanahmed.net

I would love to hear your feedback.
And if you need a polished Webflow, Framer, or modern website experience, feel free to reach out.

07/06/2026

🖤 Just Shipped — STYLA

Dark. Editorial. Unmistakable.

Built a luxury fashion director portfolio that feels as intentional as the work it showcases. From runway art direction to campaign styling — every pixel crafted with purpose.

✦ Runway Art Direction
✦ Lookbook Systems
✦ Campaign Styling
✦ Editorial Identity

Built with:
▸ Next.js 15
▸ Tailwind CSS
▸ Framer Motion
▸ Vercel

When code meets couture, this is what happens. 🎬✨

🌐 Live → styla-project.vercel.app
💼 Need something like this? → rohanahmed.net
📱 WhatsApp → +8801737282753

29/08/2025

Webflow-এ Finsweet দিয়ে CMS Slider—স্টেপ-বাই-স্টেপ টিউটোরিয়াল 🚀

সমস্যা: Webflow-এর নেটিভ Slider CMS আইটেম থেকে অটো-জেনারেটেড স্লাইড বানায় না।
সমাধান: Finsweet CMS Slider অ্যাট্রিবিউট—Collection List-এর ডেটা নিয়ে নেটিভ Slider-এ ডায়নামিক Slide বানিয়ে দেয়।

✅ কী বানাবেন

CMS থেকে ডায়নামিক Slide (যেমন: টেস্টিমোনিয়াল/পোর্টফোলিও/ব্লগ হাইলাইট)

কাস্টম থাম্ব-ডট (ঐচ্ছিক)

এক পেজে একাধিক CMS Slider (ইনস্ট্যান্সিং)

1) স্ক্রিপ্ট যোগ করুন

প্রজেক্ট/পেজের -এ Finsweet Attributes স্ক্রিপ্ট অ্যাড করুন (v1/v2—দুটিই সাপোর্টেড; এখানে v1 ডক রেফারেন্স দিচ্ছি)।

Finsweet ডকের “Copy Script” বাটন থেকে নিন। (Attributes v1 পাতায় স্পষ্টভাবে ধাপ দেওয়া আছে)।

2) পেজ স্ট্রাকচার সেটআপ (Webflow Designer)

1. একটা নেটিভ Slider ড্র্যাগ করুন (Slides + Mask + Arrows + Dots—যেভাবে চান)।

2. একটা Collection List ড্র্যাগ করুন—যেটা থেকে কনটেন্ট আসবে (যেমন Testimonials)।

3. Collection Item-এর ভিতরে যেসব এলিমেন্ট দেখাতে চান (ইমেজ/হেডিং/টেক্সট/বাটন) বেঁধে নিন।

3) আবশ্যিক Finsweet Attributes বসান

A) Collection List-এ

Name: fs-cmsslider-element

Value: list

এই লিস্টটাই Slider-এর ডেটা সোর্স হবে; Finsweet আইটেমগুলো নিয়ে স্লাইড বানাবে এবং সোর্স লিস্টটাকে DOM থেকে রিমুভ করে দেবে (ভিউতে আর থাকবে না)।

B) Slider (নেটিভ)-এ

Name: fs-cmsslider-element

Value: slider
এটাই ভিজিবল স্লাইডার; Collection-এর প্রতিটি আইটেম একেকটা Slide-এ বসবে। Slide-এর স্টাইলিং প্রিজার্ভড থাকে।

চাইলে Slide Change-এ Webflow Interactions চালাতে fs-cmsslider-resetix="true" দিন—এটা সব জেনারেটেড স্লাইডে ইন্টারঅ্যাকশন রিসেট করে। সতর্কতা: “initial state” থাকলে বারবার রিসেট হতে পারে, UX মাথায় রাখুন।

4) (ঐচ্ছিক) কাস্টম Slider Dots / থাম্বনেইল

নেটিভ ডটের বদলে নিজস্ব ডট বা থাম্ব দেখাতে চাইলে Finsweet Custom Slider Dots ব্যবহার করুন (v2 ডক লিঙ্ক)। বেসিক ৩টা জিনিস লাগবে:

1. Slider-এ: fs-sliderdots-element="slider"

2. Slider Nav (যেখানে ডট যাবে)-এ: fs-sliderdots-element="slider-nav"

3. Content (ডট টেমপ্লেট)-এ: fs-sliderdots-element="content"

গুরুত্বপূর্ণ: CMS Slider-এর সাথে ব্যবহার করলে content এলিমেন্টটা Collection Item-এর ভেতরেই থাকবে—Slider-এর ভেতরে রাখবেন না, কারণ CMS Slider স্ট্যাটিক স্লাইডারের কনটেন্ট রিপ্লেস করে।

নোট: v2 স্ক্রিপ্টকে -এ একবার দিলেই একাধিক সলিউশন (যেমন Slider Dots) কাজ করবে। ইনস্ট্যান্স আলাদা করতে fs-sliderdots-instance="team"-জাতীয় আইডি দিন।

5) এক পেজে একাধিক CMS Slider (ইনস্ট্যান্সিং)

দ্বিতীয়, তৃতীয় স্লাইডারের জন্য ভ্যালুর শেষে -2, -3 যোগ করুন—
উদাহরণ:

প্রথম লিস্ট/স্লাইডার: list / slider

দ্বিতীয়: list-2 / slider-2

তৃতীয়: list-3 / slider-3
এভাবে লিংক হবে।

6) বেসিক CSS (উদাহরণ)

/* থাম্ব/ডটকে গ্রিডে রাখুন */slider-nav-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }

/* Active dot ক্লাস (ডিফল্ট: .is-slidedots-active) */is-slidedots-active { outline: 2px solid ; outline-offset: 2px; border-radius: 12px; }

/* সমান উচ্চতা কার্ড (ঐচ্ছিক) */cms-card { display:flex; flex-direction:column; height:100%; }cms-card_body { margin-top:auto; }

7) পারফরম্যান্স ও UX টিপস

ইমেজ অপটিমাইজ করুন: WebP + সাইজ লিমিট; ল্যাজি-লোড অন।

Slides per view? নেটিভ Webflow Slider সিঙ্গেল-ভিউ; একাধিক একসাথে দেখাতে চাইলে Finsweet Components বা Swiper.js (অন্য পদ্ধতি) বিবেচনা করুন।

Accessibility: Arrow/ডট-এ যথাযথ aria-label, কীবোর্ড ফোকাস অর্ডার ঠিক করুন।

Auto-play: ইউজার হোভার/ফোকাস দিলে Pause রাখুন (নেটিভ Slider-এর হোভার-পজ বিহেভিয়ার কাজে লাগে)। কাস্টম ডট “Slider ভিতরে” রাখলে এই পজ ঠিকমতো ট্রিগার হয়।

8) ট্রাবলশুটিং চেকলিস্ট

Slides বানাচ্ছে না?

fs-cmsslider-element="list" কি Collection List-এ?

fs-cmsslider-element="slider" কি নেটিভ Slider-এ?

ভুল ইনস্ট্যান্স ভ্যালু (যেমন list-2 vs slider-3) মিক্সড হলো কি না।

ইন্টারঅ্যাকশন কাজ করছে না?

Slide Change ট্রিগার লাগলে fs-cmsslider-resetix="true" দিন; initial state-এর সাইড-ইফেক্ট মাথায় রাখুন।

কাস্টম ডট দেখাচ্ছে না?

content এলিমেন্টটি Collection Item-এর ভিতরে আছে তো?

slider-nav এলিমেন্টে আগে থাকা ডট/কনটেন্ট ক্লিয়ার করতে চাইলে fs-sliderdots-remove="true" দিন।

এক পেজে একাধিক স্লাইডার কনফ্লিক্ট?

CMS Slider-এ list-x/slider-x মেলান;

Slider Dots-এ fs-sliderdots-instance="x" ব্যবহার করুন।

9) মিনিমাল HTML ম্যাপ (ধারণার জন্য)

[Slider (fs-cmsslider-element="slider")]
[Mask]
[Slide]

19/12/2024

🏥 Thrilled to showcase my latest project - a medical clinic website demo built with Next.js. This marks my first exploration of Next.js, combining it with React and Node.js to create a professional healthcare web solution. Check out the live demo: mediclinic.rohanahmed.net

18/11/2024

🌟 Welcome to Rohan’s Web Works! 🌟

Hello, everyone! I’m Rohan Ahmed, and I’m thrilled to have you here. This page is dedicated to all things web design and development, where creativity meets functionality.

At Rohan’s Web Works, I specialize in crafting seamless, user-friendly, and visually stunning websites using Webflow. Whether it’s a sleek landing page, a dynamic CMS-driven site, or custom animations, I’m here to bring your ideas to life!

Stay tuned for:
✅ Tips and tricks for web design and development
✅ Showcases of my latest projects
✅ Insights into the world of Webflow and beyond

Have a project in mind? Message me or visit my portfolio to hire me and bring your vision to life! 🚀

01737-282753
www.rohanahmed.net

Let’s embark on this exciting journey together. Don’t forget to like, share, and follow to stay updated!

Rohan Ahmed

15/06/2026

13/06/2026

11/06/2026

09/06/2026

07/06/2026

07/06/2026

29/08/2025

19/12/2024

18/11/2024

Address

Website

Alerts

Shortcuts

Share

Category