Zainab Ahmad
Web Designer/Developer | Shopify • Webflow • Framer Expert
Ready for work
Zainab is ready for their next project!
I just shipped CourseOS, my entry for the Replit × Contra Buildathon.
CourseOS is a studio‑grade course dashboard template built on Replit. The goal was to create something that feels like a designer’s learning space, not a generic LMS – a place where one flagship course can really shine.
What it includes:
– Premium, responsive course dashboard with a three‑column layout on desktop
– Mobile navigation and a stacked lesson experience
– Seeded “How to design a website” course with six chapters and thoughtful microcopy
– Clickable chapter navigation that updates the active lesson and lesson summary in real time
– Course and lesson progress tracking with mark‑as‑complete controls + updated progress bars
– Lesson‑focused routes: /dashboard and /learn/:courseId/:lessonId, with friendly slugs for course and lesson URLs
– AI Mentor chat with delayed demo replies to simulate a helpful assistant without needing a full backend
– Light/dark mode toggle, responsive hover states, transitions, and a clean TypeScript data model
Under the hood, everything is wired through a simple course.ts data file and a course-shell.tsx layout component, so anyone can:
– Swap in their own course and lessons by editing a single config file.
– Apply their brand system by tweaking theme tokens and studio copy.
– Extend the AI Mentor with a real API or LLM integration.
I built this on the free Replit Starter plan using Replit Agent for scaffolding, then layered in my own design system, copy, and interactions.
If you’re a creator or educator who wants a course dashboard that looks and feels like a product studio, I’d love your feedback – and feel free to remix it into your own CourseOS:
[visual-asset-manager--designzainab.replit.app (http://visual-asset-manager--designzainab.replit.app)]
Thanks to @Replit and @Contra for the Buildathon – this was a great excuse to push a visually opinionated, AI‑flavored course experience end‑to‑end.
3
114
DoggyCool Daycare — Brand Identity Design
DoggyCool Daycare is a countryside-inspired dog-care brand created to offer dogs a safe, playful, and relaxing outdoor experience.
I developed the visual identity around the idea of a country retreat for dogs. The brand combines a distinctive illustrated logo, muted sage and moss-green tones, soft cream backgrounds, rustic textures, and friendly typography.
The goal was to create an identity that feels trustworthy and professional while still communicating warmth, personality, nature, and fun.
My role: Brand Direction · Logo Design · Visual Identity · Colour System · Brand Applications
0
47
Tree-Nation — Custom Reforestation Platform Development
Excited to share a technically detailed platform project I worked on for Tree-Nation.
Tree-Nation helps individuals and businesses plant trees, support reforestation projects, send digital Tree-Gifts, and track the environmental impact connected to their contributions.
This was much more than a standard marketing website. The platform includes dynamic project and species information, user and company forest profiles, individual digital tree records, interactive planting maps, payment functionality, social login, impact statistics, and API-powered integrations.
My work focused on creating a responsive and intuitive experience around a complex set of platform features—making it easier for users to explore projects, fund trees, manage their forests, and understand the real-world impact behind each action.
My role: Custom Web Development · Responsive Implementation · API Integration · Third-Party Integrations · Interactive Platform Development
0
63
LoopLane - Branding
0
62