Brand · Responsive Web Experience

SofinityX — Brand and Interactive Web Experience

The evolution of my personal website into a product-design portfolio that preserves an immersive psychedelic identity while improving structure, readability, responsiveness, and professional positioning.

Scope: Personal portfolio, brand expression, interaction design, responsive web design
Role: Design direction, UX structure, visual system, implementation
Platform: Static responsive website
Goal: Make the work feel memorable without making the portfolio hard to use.

SofinityX responsive portfolio frames — Responsive portfolio system

Challenge

Balance experimental visual identity with a serious product-design portfolio.

The site needed to feel distinctive and alive, but the main message had to be clear: I design products, interfaces, websites, systems, and immersive visual experiences.

Design Decisions

Portfolio-first structure

Selected work appears before services so visitors see product thinking and case-study depth early.

Controlled psychedelia

Motion, color fields, noise, and glow remain part of the identity while text stays stable and readable.

Accessible interaction

Reduced-motion support, visible focus states, and mobile performance choices keep the experience usable.

Flexible positioning

The copy presents Sofi as a product designer while still referencing SofinityX as an experimental studio.

Process

Reframe positioningRestructure contentDesign work cardsTune motionImprove mobileShip and iterate

Design System Assets

SofinityX interaction and motion system board — Interaction and motion system

SofinityX visual evolution board — Visual evolution

SofinityX homepage information system — Homepage information system

Outcome

The current site presents a more mature product-design portfolio while preserving the immersive personality that makes SofinityX recognizable.

Next Case Study

Vespera — Contemporary Fragrance Brand

Continue