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.

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

