Back to Dev Notes
Blending Modern UI with Retro Energy

Blending Modern UI with Retro Energy

This project started as a simple question: can one portfolio feel professional and still be playful? I wanted the clean confidence of modern interface design and the personality of retro game visuals. Instead of treating them as separate experiments, I built them as two connected expressions of the same identity.

The modern side focuses on readability, clear hierarchy, and conversion-friendly structure. It helps recruiters and clients find important details fast. The retro side introduces energy, nostalgia, and interaction patterns that invite exploration. Together, they create depth: one side explains what I do, the other shows how I think.

The biggest challenge was consistency. If each style used different spacing logic, typography rhythm, or content language, the site would feel fragmented. I solved this by reusing structural patterns across both versions even when visual styling changed.

Design decisions that made both styles work

  • Shared component logic for cards, sections, and navigation blocks.
  • Consistent content ordering so users never feel lost switching views.
  • A controlled color strategy where accents differ but contrast rules stay stable.
  • Animation timing that feels smooth in both themes, not heavy in one and empty in the other.

On the technical side, this forced me to think about maintainability early. I separated concerns, avoided hardcoded one-off patterns, and kept naming conventions predictable. That made it possible to iterate faster without breaking the user experience.

This experiment taught me that style exploration should never reduce usability. Creative interfaces are strongest when they still respect navigation clarity, performance, and content intent. That balance is exactly what I aim to ship in client work as well.

Updated: Mar 13, 2026 - 8 min read