Most developers build a portfolio once. Some improve it twice. But sometimes a portfolio becomes something more than a website. It becomes a timeline of how you evolve as a developer. Over the past few iterations, my portfolio has gone through four major versions. Each one was not just a redesign, but a reflection of a new phase in learning technically, visually, and philosophically. What started as a simple static webpage slowly transformed into a design-driven, performance-focused platform inspired by modern interface philosophies. And somewhere along the way, it turned into something else entirely: A story of iteration, mistakes, improvements, and identity. This is that story.
Version 1 : “At Least It Works.”
Every developer remembers the moment they build their first portfolio.It usually begins with a simple thought:
“Let me just make something that works.”
That was Version 1. There was no elaborate design plan. No deep UI philosophy. No grand vision about aesthetics or performance optimization. Just HTML, CSS, and JavaScript. The structure was simple: a homepage, a projects section, some information about me, and a contact area. It wasn’t groundbreaking, but it served its purpose. It existed. And that alone mattered. Because the hardest part of building anything is starting.
The First Evolution: React
As the project grew, maintaining everything in plain JavaScript started becoming messy. So the portfolio made its first technical jump. It was migrated to React.js. This was a huge improvement. Components replaced repetitive code. The UI became modular. Managing sections became easier. Adding new content felt structured instead of chaotic. For the first time, the portfolio felt like it was built on a real modern framework.
The 3D Experiment (Spline)
Around this time, curiosity kicked in again. Interactive websites were becoming more popular. 3D experiences were appearing across modern product pages. So I experimented with Spline 3D. The idea was simple: embed an interactive 3D scene inside the portfolio to make the landing experience feel more immersive.
And visually?
It looked amazing. The portfolio suddenly had a cinematic feel.But then reality stepped in. On mobile devices, the experience wasn’t smooth. The loading time increased, and the interaction wasn’t as fluid as it was on desktop. Instead of improving the experience, the 3D scene sometimes slowed things down. It taught an important lesson very early in the journey:
Cool features are not always good features.
If something harms usability, it doesn’t belong no matter how impressive it looks.
Deployment and a Small Victory
Eventually, the portfolio was deployed using Vercel. For the first time, the project was live on the internet. And something small but exciting happened. The site started appearing in Google and Bing search results.It may seem like a tiny milestone, but for a developer, seeing something you built appear in search engines feels like proof that your work exists beyond your computer. Version 1 may not have been perfect. But it achieved something important.
It worked.
Version 2 : “The Glass Visuals.”
The time Version 2 began, my focus had started to shift. Earlier, the goal was simply building things that worked. Now the curiosity was moving toward something deeper designing experiences. This phase marked the first major ident change in the portfolio’s journey. The visual direction was heavily influenced by Apple’s Liquid Glass design language. Across modern interfaces, Glass UI was becoming increasingly prominent translucent panels, soft blur effects, layered depth, and subtle transparency that allowed the background to interact with foreground elements. Naturally, the portfolio began experimenting with these ideas. But Version 2 also began with an important decision. The earlier Spline 3D experiment was completely removed. The reasoning was simple: if a feature negatively impacts performance or accessibility especially on mobile devices it doesn’t belong in the final product, no matter how impressive it looks. Once the 3D element was removed, something interesting happened. The interface suddenly felt lighter, faster, and more responsive. Without the computational overhead of the 3D scene, the foundation was ready for a more refined visual system. That’s when the Glass UI system truly started taking shape. Instead of flat UI sections, components began to appear like floating layers of glass. Soft blur effects introduced depth, while controlled transparency allowed background colors to subtly interact with the interface. The result was a layered visual hierarchy that felt modern and immersive without being overwhelming. But another lesson quickly emerged during this phase. At first, the glass effects looked beautiful. Then they looked too beautiful. Some components became visually and computationally heavy within the React-based implementation. The design began drawing attention to itself rather than guiding the user through the content. That moment forced a deeper realization. Good design is not about how many effects you add. It’s about knowing when to stop adding them. Stability, clarity, and performance had to come before visual experimentation. Version 2 therefore became an exploration of balance. Glass UI stopped being a decorative element. It became a functional design tool used intentionally to guide attention, structure information, and maintain a smooth, well-optimized experience.
Version 2.5 :The Architectural Shift
Portfolio v2.5 (from 1.59 onwards)
While Version 2 focused on visuals, Version 2.5 focused on architecture. The portfolio migrated from React to Next.js. This was a major upgrade.Next.js introduced:
• Better routing
• Server-side rendering
• Improved performance
• A cleaner project structure
• Scalability for future features
The project began feeling less like a design experiment and more like a proper production website. Version 2.5 didn’t dramatically change how the site looked. But it dramatically changed how the site worked. And sometimes the most important improvements are the ones users don’t immediately see.
Version 3 : “The Glass You.”
By the time Version 3 started, something changed in perspective. Earlier versions were focused on showing technical ability. Version 3 started focusing on something deeper.
How does the user feel when they visit the site?
The glass design remained, but the implementation became more disciplined. Animations became smoother. Spacing became more intentional. Typography became clearer. The interface stopped trying to impress. Instead, it tried to communicate. Inspired again by Apple’s design philosophy, Version 3 prioritized:
• clarity
• consistency
• subtle motion
• restraint
This version also introduced a feature that changed the tone of the portfolio.
“Let’s Talk.”
Instead of simply placing a contact form somewhere on the page, the site now actively invited visitors to start a conversation. Not just recruiters.Not just collaborators. Anyone. Because a portfolio shouldn’t only display work.It should start conversations. Version 3 was the moment when the portfolio stopped feeling like a project. It started feeling like a product.
Version 4 : “The Glass You 2”
Then came Version 4. And this time, things were different. This was not just another redesign or visual refresh. This marked the second major ident transformation in the portfolio’s journey a shift that touched everything across the platform, from the logo to the overall UI system. The most noticeable change appeared in the color identity. The original blue palette, which had defined the earlier versions of the portfolio, was replaced with a turquoise / teal color system. This change was not simply about switching colors; it represented a broader evolution in visual identity. Turquoise introduced a fresher, calmer, and more modern aesthetic, while still preserving the core glass-inspired design language that had become central to the portfolio’s look and feel. At the same time, the glass styling system itself was further optimized to improve clarity, performance, and consistency across the interface. Even the logo received subtle refinement. Its weight was slightly adjusted so it could sit more confidently within the updated visual system and maintain balance across different screen sizes and layouts. A small adjustment. But one that created a noticeable visual impact. Version 4 was not about adding more design elements. It was about refining identity, improving harmony across the interface, and strengthening the visual language of the entire platform.
The Optimization Phase
Version 4 also focused heavily on performance optimization. The styling system behind the glass interface was refined and optimized. Glass elements became lighter and more transparent. This achieved two things simultaneously:
• Reduced visual weight
• Improved rendering performance
The site now feels smoother, faster, and more fluid across devices. Scrolling feels natural. Animations feel effortless. And the interface maintains its layered glass aesthetic without overwhelming the system.
Transparency as Philosophy
The glass interface also took on a deeper meaning during this version. Glass is transparent. And that idea started influencing the design philosophy itself. The interface reflects something simple:
Transparency in design reflects transparency in intent.
- Clear work.
- Clear communication.
- Clear ideas.
The UI is transparent because I try to be transparent about how I build and think.
A Personal Touch
Version 4 also introduced a feature that made the portfolio feel more personal. Using the Google Maps API, the site now displays my origin location. Instead of just listing a city in text, visitors can visually see where the journey started. Because behind every portfolio is not just code. There’s a person, a place, and a story.
Looking Back at the Four Versions
Each version of the portfolio solved a different challenge.
Version 1 proved I could build something.
Version 2 explored visual identity & identity transformation.
Version 2.5 improved the technical architecture.
Version 3 refined user experience.
Version 4 transformed the identity of the entire platform.
What started as a simple website turned into something unexpected:
A living timeline of growth.
The Truth About Portfolios
Most people think portfolios are projects you finish. But the truth is: They’re projects that grow as you grow. Every redesign reflects a new lesson. Every iteration reflects a new perspective. Every improvement reflects a new skill. So while Version 4 might look polished today… If history is any indication…
Version 5 is probably already starting to exist.
If you’d like to explore the latest version of the portfolio and experience the new identity and optimizations firsthand, you can visit it here:
Top comments (0)