Mac OS–Inspired Interactive Portfolio Website
Afshan khan
Like this project
Posted Jan 30, 2026
Designed and developed a Mac OS–inspired interactive personal portfolio for Pradyum Anand, featuring CMS-driven content and desktop-style interactions.
Likes
1
Views
2
Timeline
Jan 10, 2026 - Jan 25, 2026
Personal Portfolio Website
Mac OS–Inspired Interactive Experience
Client: Pradyum Anand
Built With: Framer
Live Site: https://pradyumanand.site/
✦ Project Overview
Designed and developed a custom personal portfolio that breaks away from traditional layouts.
Inspired by the Mac OS desktop experience, the website treats projects like applications—creating a familiar yet immersive way to explore creative work.
The focus was to combine storytelling, interaction, and structure into a single cohesive experience.
✦ Interactive Desktop-Like Features
The website closely mirrors the behavior of a Mac desktop, transforming the portfolio into an interactive environment rather than a static page.
◉ Spotify-Inspired Music Experience
Music section designed like a Spotify library interface
Album-style grid layout for visual exploration
Adds a personal layer of storytelling while maintaining usability
◉ Drag & Drop App Icons
Desktop-style icons that can be dragged and repositioned
Reinforces the feeling of a real operating system
Encourages playful interaction and exploration
◉ Multiple Window Interaction
Multiple project windows can be opened simultaneously
Window-based navigation similar to Mac OS apps
Allows users to explore content without losing context
✦ Gallery Experience
The gallery is designed as a visual archive that highlights the client’s creative range while staying aligned with the desktop-inspired interaction model.
Grid-based layout focused on visual clarity
Large previews for immersive viewing
Smooth transitions between gallery items
Optimized for storytelling rather than static browsing
The gallery acts as a visual layer of the portfolio, allowing work to be explored without breaking the overall experience.
✦ “Alter Ego” — Immersive Concept Page
A dedicated experience-driven page that explores contrast, identity, and mood through motion and minimal UI.
Key Highlights
Cinematic, full-screen layout
Motion-led storytelling with minimal distractions
Dark, atmospheric visuals to create emotional depth
Clear separation from the main portfolio flow to emphasize narrative
This section was designed to feel less like a webpage and more like a visual experience, reinforcing the portfolio’s storytelling-first approach.