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
Designer & Developer | Figma, WordPress & Sites That Convert
- 35
- Followers
Designer & Developer | Figma, WordPress & Sites That Convert
🎬 One Take. One Mission. One Escape.
My submission for the Contra × CapCut Seedance 2.5 Video Challenge.
A 30-second medieval stealth mission told in one continuous shot, no cuts, resets, or camera teleportation.
A hooded assassin infiltrates a fortified castle, takes the mission stamp, and escapes by jumping into the forest, while maintaining character, environment, camera, and prop continuity throughout.
Created in CapCut Video Studio with Seedance 2.5 using multi-reference control and iterative prompt refinement.
Prompt + workflow + assets + final MP4: Google Drive (https://drive.google.com/drive/folders/1kumLsSiVMy2BzLOCkG1kJOGfRdECrLqN?usp=sharing)
CapCut project: Here (https://www.capcut.com/ai-creator/studio?enter_from=new_homepage_agent&from_page=work_space&entry_type=thinking&draftId=19155953156&conversationId=60e3c5ba-b69a-4a37-bba4-9b9248e876af)
#CapCut #Seedance25 #Contra #AIFilm #OneTake #AIStorytelling
6
6
597
🎮 NormShift – Figma Make turned into a multiplayer city simulator
2-4 players drag cultural norms → watch the isometric city + apps transform live.
Play the game (https://zip-load-40226492.figma.site) (Please check it out from desktop for optimal experience)
Built during #FigmaMakeathon to prove Figma Make can power complete games with real-time multiplayer, zoom/pan, and smooth scenario transitions.
Pushing design tools into game engines.
#FigmaMake #NormShift
4
5
469
Sharing my submission for the Wispr Flow x Lovable Valentine’s Challenge
I built a cinematic, password‑protected memory timeline experience where couples can privately capture their story as a series of soft, atmospheric “moments” instead of cliché hearts. I used Wispr Flow to voice‑drive the build, from the multi‑page structure to timeline logic, and Lovable to generate and refine the app. The visuals and micro‑interactions are carefully crafted so it works beautifully for Valentine’s Day, but can also be reused for any kind of meaningful memories.
Project Link: Here (https://private-memolane.lovable.app/) | Demo Result Link: Here (https://private-memolane.lovable.app/view/velvet-nights-in-tetouan-mlldd1og) (Password: view)
#WisprFlow #Lovable #Figma #Contra #WisprFlowChallenge
23
47
1.9K
Shaping your vision into powerful, unforgettable visuals.
- 7
- Followers
Shaping your vision into powerful, unforgettable visuals.
