Role:

UI/UX Designer and Developer

Tools:

React, Tailwind CSS, Figma, Framer Motion

Soroush's Photography

The goal behind my photography portfolio was to create a platform that captures my vision, process, and style in a way that feels immersive and authentic. Photography often lives scattered across platforms like Instagram, Flickr, or print, but those don’t always reflect the photographer’s identity or give viewers a cohesive experience. I wanted to design a modern, minimal hub where visitors could not only view my work but also understand the stories, moods, and themes behind each collection.

To bring this idea to life, I developed the site using React and SCSS, which gave me control over layout, animations, and visual polish. The portfolio emphasizes clarity, typography, and pacing—inviting viewers to spend time with the photographs instead of just scrolling past them.

1. Establishing the Vision

Because I didn’t have a centralized portfolio, the first step was to define what I wanted the experience to feel like: intimate, cinematic, and timeless. I researched portfolios of contemporary photographers and visual artists, then collected references that reflected both the elegance of gallery spaces and the playfulness of modern digital design.

1. Establishing the Vision

Because I didn’t have a centralized portfolio, the first step was to define what I wanted the experience to feel like: intimate, cinematic, and timeless. I researched portfolios of contemporary photographers and visual artists, then collected references that reflected both the elegance of gallery spaces and the playfulness of modern digital design.

1. Establishing the Vision

Because I didn’t have a centralized portfolio, the first step was to define what I wanted the experience to feel like: intimate, cinematic, and timeless. I researched portfolios of contemporary photographers and visual artists, then collected references that reflected both the elegance of gallery spaces and the playfulness of modern digital design.

2. Research & Moodboarding

I created moodboards focusing on vintage textures, bold yet clean typography, and layouts that allow photographs to “breathe.” The goal was to design something that would stand apart from social media feeds—more like walking through a curated exhibition than browsing an image grid.

2. Research & Moodboarding

I created moodboards focusing on vintage textures, bold yet clean typography, and layouts that allow photographs to “breathe.” The goal was to design something that would stand apart from social media feeds—more like walking through a curated exhibition than browsing an image grid.

2. Research & Moodboarding

I created moodboards focusing on vintage textures, bold yet clean typography, and layouts that allow photographs to “breathe.” The goal was to design something that would stand apart from social media feeds—more like walking through a curated exhibition than browsing an image grid.

4. Building with React & SCSS

The portfolio was built from scratch with React and SCSS, giving me flexibility to design reusable components while maintaining fine-grained control over layout and styling. I implemented responsive design so the portfolio feels consistent across different screen sizes, with a focus on performance to ensure images load quickly without compromising quality.

3. Designing in Figma

I translated the moodboards into detailed wireframes and high-fidelity designs for both desktop and mobile. I experimented with image sizing, hover effects, and whitespace to ensure the photographs take center stage. Smooth transitions and subtle animations were added to enhance the storytelling without distracting from the work itself.

5. Testing & Delivery

I tested the site across multiple devices and browsers, refining spacing, transitions, and accessibility details. The result is a polished, responsive portfolio that serves as both an archive of my work and an evolving space where I can continue adding future projects.