TW Study — Online Learning Platform UI
A responsive online-courses website with clear sections and course cards that help learners find the right content — fast on desktop and mobile.
The challenge
Organizing a lot of educational content in a simple interface, keeping the course-card grid and navigation right on every screen size, and reducing image weight without losing the visual identity.
What I built
I built it on a customized Bootstrap responsive grid with reusable cards and components, compressed images with Squoosh, and tested performance after deployment.
Highlights
- Responsive course grid
- Organized, dense educational content
- Customized Bootstrap without conflicts
- Optimized images for fast loading
Screenshots
Google PageSpeed Insights
Performance
More case studies
Client projectKosovo Travels — Travel & Booking Platform Stabilization
Stabilized an international travel and booking platform: fixed payment sessions on Cloudflare Edge, SSR/hydration bugs, and security and SEO issues.
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS v4
Client projectAl-Amal Furniture Moving — Kuwait Lead-Generation Website
A fast Arabic website for a Kuwaiti moving company, rebuilt from a crashed WordPress site — with a price calculator, lead forms and local SEO.
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS v4