top of page

Project Type

Website for desktop and mobile

Role

UX/UI Designer

Tools

Figma, Zoom, Google Suite

Duration

5 months

The Challenge

Tatiana relied on social media to promote her photography, but lacked a centralized platform to showcase her work and convert visitors into clients.

This made it difficult to grow her client base and establish a strong personal brand.

The Solution

Designed a portfolio website to strengthen her brand and increase client acquisition, resulting in a 30% growth in clients.

What Competitors Include

I analyzed freelance photographers and photography studios to understand common patterns across successful sites.

Common Structures:

  • Home

  • About

  • Portfolio

  • Contact

Most competitors prioritize clear navigation and easy access to work, making it simple for users to explore and reach out.

Understanding Users

To understand how people book photographers, I interviewed 6 participants:

  • 2 existing clients

  • 4 potential clients​

Key Insights

Life milestones

People seek photographers for major life events (engagements, graduations, etc.)

Research

Users discover photographers through social media, then visit websites if interested
Recommendations from friends and family influence decisions

Friction Points

Lack of clear service information created confusion and hesitation.

These insights guided the structure and content of the website, ensuring users could quickly understand services and take action.

Defining the Primary User

Based on research, I identified a primary user type to guide design decisions.

Most users were unfamiliar with photography services and needed clear guidance on offerings, pricing, and next steps.

Primary Persona: First-Time Client

Persona.png

Design Implications

  • Clearly outline services and what’s included

  • Make portfolio content easy to scan and browse

  • Provide a clear, visible path to contact or book

The Problem

Unclear service information made it difficult for first-time clients to understand offerings and take action.

Designing for the persona

Users primarily discovered photographers on mobile, so I prioritized a mobile-first design approach.

Iteration 1: Mobile-First Exploration

Focused on validating core user flows:
• Browsing portfolio work
• Understanding services
• Contacting the photographer

Mobile Home (Design 1).jpg
Mobile Works Page (Design 1).jpg
Tat Web Mobile Contact (Design 1).jpg

Home

Works

Contact

Iteration 2: Refining the Homepage

Removed category clutter and introduced a carousel to focus attention on key work and guide users toward booking.

Before

Mobile Home (Design 1).jpg

After

Mobile Home (Design 2).jpg

Reducing visual clutter improved scannability and clarified the path to booking.

Iteration 3: Designing for Desktop

After refining the mobile experience, I translated key improvements to the desktop layout.

Applying mobile insights to desktop:​​

  • Reduced visual clutter to improve scanability

  • Highlighted key portfolio work to guide user focus

  • Strengthened the call-to-action to support booking behavior

  • Ensured consistency across devices for a seamless experience

Desktop Home (Design 2).jpg

Were users able to understand the overall website? 

Users were generally able to navigate the website, but key areas of confusion emerged.

Key Findings:

  • Users confused “Book Now” and “Contact,” expecting similar outcomes

  • Some users prioritized browsing images over exploring services

  • Users expected key information to be visible without scrolling

While the structure was usable, clearer actions and stronger information hierarchy were needed.

Desktop Home (Design 2).jpg

Impact & Next Steps

The final design improved content hierarchy, clarified user actions, and made key information more accessible helping users navigate and book more confidently. Future iterations will focus on expanding service offerings and introducing e-commerce functionality.

bottom of page