Bringing your website to life with Framer
Bringing your website to life with Framer
View more →
Creative Director
Billboard · A rusty old metal billboard you can make your own.
My entry for the @SVGator challenge. I've always wanted a unique billboard where I could animate any part of it and make it truly mine. So I built one, with a snowy, rusty metal look.
And now you can make it yours, too.
Everything you see is made of editable SVG vectors, hundreds of them, ready for you to customize, animate, and play with.
https://app.svgator.com/editor#/74d3125a14fd4c5eabdfc6edf69faa00
1
5
670
Full-Stack Engineer | Pixel-Perfect UI + Scalable Backends
- 5.0
- Rating
- 16
- Followers
Full-Stack Engineer | Pixel-Perfect UI + Scalable Backends
Beyond the Surface: Engineering a Complete Luxury E-commerce Ecosystem 💎🚀
A premium brand needs more than just a beautiful storefront—it needs a robust operational brain.
In this walkthrough of Wandr Jewelry V2, I’m showcasing how I bridged high-fidelity design with complex full-stack engineering.
✨ The Customer Experience:
The first half of the video features the 'Quiet Luxury' storefront. Built with Next.js 15 and Framer Motion, it delivers cinematic animations and fluid product collections. Every pixel is optimized, resulting in a 100/100 Lighthouse performance score.
🛠️ The Admin Command Center:
The second half dives into the custom-built Admin Dashboard. Powered by Laravel 11 and SQL, this is where the business happens:
Real-time Monitoring: Instant visibility into store health and sales metrics.
Inventory Control: A seamless interface to manage stock levels and add new luxury products to the catalog without touching a single line of code.
Data Integrity: Full CRUD operations and role-gated security via Laravel Sanctum.
The Architecture:
This is a fully decoupled system using Tailwind CSS v4 for next-gen styling and Zustand for state synchronization across the entire platform.
I specialize in building digital 'Vaults' that are as technically sound as they are visually immersive.
Brand owners & Developers: Do you prefer building the 'Flashy' frontend or the 'Powerful' backend? For me, the magic happens in the integration. Let’s discuss! 👇
2
389
Full-Stack Dashboard — Next.js, Laravel, SQL & Tailwind CSS v4
Just shipped this analytics dashboard as part of a full-stack web app. The frontend runs on Next.js with Tailwind CSS v4, and the backend is powered by Laravel with a SQL database.
Here's what's under the hood:
Real-time KPI cards and data visualization pulling from a Laravel API
Clean, minimal dashboard layout built for fast decision-making
Modular, reusable component architecture in Next.js
Fully responsive across desktop and tablet breakpoints
Tailwind CSS v4 for utility-first styling with the new engine
The goal: make complex data feel effortless to read. Every panel is designed to surface what matters without the noise.
What would you change about the layout or UX? Drop your feedback below.
#NextJS #Laravel #SQL #TailwindCSS #FullStack #Dashboard #WebDevelopment #FrontendEngineering
2
285
100/100 Performance Achieved: Building a High-Speed Full-Stack E-commerce Engine 🚀
Performance is not just a metric; it’s a business requirement.
I’m thrilled to share the latest results for my Full-Stack E-commerce platform built with Next.js, Laravel, and SQL. Achieving near-perfect Lighthouse scores across the board wasn't easy, but the results speak for themselves:
⚡ Performance: 100/100
🔍 SEO: 100/100
🛡️ Best Practices: 96/100
♿ Accessibility: 90/100
How I achieved this:
Headless Architecture: Decoupled the Laravel backend from the Next.js frontend to ensure lightning-fast API responses and optimized rendering.
Next-Gen Styling: Leveraged Tailwind CSS v4 for a minimal CSS footprint and superior build performance.
Core Web Vitals Optimization: Near-zero CLS (Cumulative Layout Shift) and sub-second First Contentful Paint (0.3s) through aggressive asset optimization.
State Management: Efficient global state handling using Zustand, minimizing unnecessary re-renders.
This project proves that luxury e-commerce can be both visually immersive and technically flawless.
What’s your priority when building full-stack apps: Speed, SEO, or Scalability? Let’s discuss in the comments! 👇
1
270
Website,Brand, Product, Motion, & Development for Startups
Boutique Hotel Website Design
A sophisticated website designed for a luxury boutique hotel in the heart of Chefchaouen, blending Moroccan elegance with a modern digital experience. The website features immersive visuals, smooth animations, an intuitive room showcase, and a seamless booking journey that inspires travelers to reserve with confidence. Fully responsive, fast-loading, and optimized to elevate the hotel's online presence while delivering an exceptional user experience across all devices..
0
54
Surf School Website Design.
A modern, immersive website created for a surf school in Agadir, designed to capture the excitement of the ocean and convert visitors into bookings. Featuring stunning full-screen visuals, smooth animations, clear service packages, multilingual support, and an intuitive booking experience, the website helps build trust while showcasing lessons, galleries, and customer experiences. Fully responsive, fast-loading, and optimized for an exceptional user experience across all devices.
0
60
Luxury Beauty Salon Website Design.
Website designed for a modern beauty salon, featuring an elegant and feminine aesthetic with smooth animations and a clean user experience. The site highlights beauty services, showcases the salon's portfolio, and includes a seamless online booking experience to help attract new clients and increase appointments. Fully responsive, fast-loading, and optimized to create a strong online presence that reflects the brand's professionalism and style.
0
59
WordPress expert building premium, high-converting websites
Brand Identity & Motion Designer | Art Director
Shaping your vision into powerful, unforgettable visuals.
- 7
- Followers
Shaping your vision into powerful, unforgettable visuals.
Short-form growth · 42.6M views in 7 days, zero ad spend
Your product isn't the problem. Nobody is looking at it.
I opened a YouTube channel 3 days ago just to prove a point to myself. 900K
views, zero spend, no audience on day one. Analytics attached, name blurred.
And it's not a one off. 42.6M views in 7 days on a new Instagram account. 4.8M on
one Reddit post. I've done this from zero enough times to stop calling it luck.
Most people spend 6 months on the product and 6 days on distribution, then decide
the market didn't want it. The market never saw it.
Profile's open, receipts are in there.
1
151
