Overview
This educational project transforms an existing photography website into a cleaner, self-contained experience. Because the original source code was unavailable, the redesign was written from scratch using original HTML, CSS, and JavaScript.
The challenge
The original site’s logo was difficult to see, its navigation contained unnecessary template material, and its contact experience depended on content outside the main site. The redesign needed to preserve the photographer’s identity while making the work easier to browse.
Design solution
I placed the logo in a high-contrast white header, reduced the navigation to five clear choices, built a responsive image gallery, and created a contact form that remains inside the project. The layout uses large photography, restrained colors, readable typography, and mobile navigation.
Process
I reviewed the visible website, identified usability and branding problems, organized the supplied images, planned a five-page structure, wrote the semantic HTML, created responsive CSS, and tested internal navigation and form behavior.
Technologies
What I learned
This project demonstrated that a redesign does not require copying an existing layout or source code. A stronger result can come from identifying the real communication problems, simplifying the experience, and rebuilding around the content.