Shot By Teni

Designed and developed a responsive photography portfolio website from scratch using HTML and CSS for a professional photographer. The website was created to showcase photography work, highlight services, and provide potential clients with an easy way to learn more about the brand and make inquiries. The design focuses on clean visuals, intuitive navigation, and a seamless user experience across desktop, tablet, and mobile devices. This project allowed me to apply core front-end development principles while creating a professional online presence tailored to the client's business needs.
a silver credit card sitting on top of a table

Year

2025

Client

Photographer

Project Type

Website Development

Background

This project was a custom photography portfolio website designed and developed for a professional photographer looking to establish a strong online presence. The goal was to create a visually appealing platform where potential clients could easily explore photography work, learn about the photographer's services, and make contact for bookings.

Problem

The photographer relied primarily on social media to showcase work, which limited how projects were presented and made it difficult for potential clients to access important information in one place. There was no dedicated website to build credibility, highlight services, or provide a professional portfolio experience.

Goals

  • Create a professional online presence

  • Showcase photography work in an organized and visually engaging way

  • Improve client trust and credibility

  • Make it easy for visitors to inquire about services

  • Ensure the website is responsive across devices

Research & Discovery

Before starting the project, I reviewed photography portfolio websites to understand common industry standards and user expectations. I analyzed how successful photographers structured their galleries, displayed services, and encouraged client inquiries.

Key Insight:
Photography websites should allow the visuals to take center stage while maintaining simple navigation and fast access to booking information.

UX Strategy

Based on my findings, I focused on:

  • Creating a clean and minimal interface

  • Prioritizing image presentation and visual storytelling

  • Keeping navigation simple and intuitive

  • Making contact information easily accessible

  • Ensuring responsiveness across desktop, tablet, and mobile devices

Design & Development Process

I began by planning the website structure and user flow before creating the visual layout. The project was designed and developed entirely from scratch using HTML and CSS.

The design emphasized:

  • Large, high-quality image displays

  • Consistent spacing and typography

  • Clear content hierarchy

  • Mobile-first responsiveness

  • Fast-loading and lightweight pages

Final Solution

  • Fully responsive photography portfolio website

  • Dedicated gallery section for showcasing work

  • About section to introduce the photographer

  • Contact section for client inquiries

  • Clean and modern visual design

  • Built entirely with HTML and CSS

Outcome

The final website provided the photographer with:

  • A professional digital portfolio

  • A centralized platform to showcase work

  • Improved brand credibility

  • Better accessibility for potential clients

  • A user-friendly experience across all devices

Learnings

This project strengthened my front-end development skills and taught me the importance of balancing aesthetics with usability. Building a photography website reinforced how effective visual hierarchy, responsive design, and simplicity can enhance user engagement while allowing creative work to remain the primary focus.





  • other projects

Create a free website with Framer, the website builder loved by startups, designers and agencies.