Back

Work and Collaboration

Case Study

Ghadeer Studio – Portfolio with Advanced Motion

Live Demo

Landing Pages

Ghadeer Studio – Portfolio with Advanced Motion
RoleFrontend Developer
Company / TeamIndependent
PlatformWeb Experience
Timeline2024

01 / Overview

A premium bilingual portfolio website for a brand identity designer, built with React, TypeScript, and Vite. The platform showcases projects with strong motion graphics and animated logo presentations, organized to reflect the value of each identity project. It includes light/dark mode, smooth scrolling, project and blog detail pages, and a floating WhatsApp button, delivering a highly interactive and elegant user experience inspired by high-end design references.

02 / Stack

ReactTypeScriptTailwind CSSFramer MotionLenisReact Router

03 / Interface

13 Captures

Ghadeer Studio – Portfolio with Advanced Motion screenshot 1
Ghadeer Studio – Portfolio with Advanced Motion screenshot 2
Ghadeer Studio – Portfolio with Advanced Motion screenshot 3
Ghadeer Studio – Portfolio with Advanced Motion screenshot 4
Ghadeer Studio – Portfolio with Advanced Motion screenshot 5
Ghadeer Studio – Portfolio with Advanced Motion screenshot 6
Ghadeer Studio – Portfolio with Advanced Motion screenshot 7
Ghadeer Studio – Portfolio with Advanced Motion screenshot 8
Ghadeer Studio – Portfolio with Advanced Motion screenshot 9
Ghadeer Studio – Portfolio with Advanced Motion screenshot 10
Ghadeer Studio – Portfolio with Advanced Motion screenshot 11
Ghadeer Studio – Portfolio with Advanced Motion screenshot 12
Ghadeer Studio – Portfolio with Advanced Motion screenshot 13

Explore More

View All Works
AjMarketing Website with AI & WhatsApp Automation

AjMarketing Website with AI & WhatsApp Automation

2024

Full-Stack

Education Platform + Admin & Instructor Dashboard

Education Platform + Admin & Instructor Dashboard

2024

Full-Stack

Garden Physio Clinic Multilingual Web Platform

Garden Physio Clinic Multilingual Web Platform

2024

Full-Stack

Let's build together

Start a conversation
Chat with me!