[Home](../../index.html) / [Work](../index.html) / John Cain Photography

Websites

# John Cain Photography Website Project

An image-led website for a Dallas photography studio, with an editorial approach to galleries. [Visit the website ](https://johncainphotography.com/)

## My role

Website design & development [Original project ](https://johncainphotography.com/)

## The project

Create an image-led website that lets the photography establish the visual character while keeping services, editorial content and enquiries easy to find.

Website design and development. Photography is credited to John Cain Photography; this project represents website work.

Project breakdown

## Design & development

01

### The design

Large photographs lead the presentation. The page structure balances those images with a restrained type hierarchy and short supporting sections, while portfolio, services and editorial navigation give visitors several ways to explore the studio.

02

### The development

The design and development cover the website presentation and its connections between galleries, services, stories and enquiries. Photography is the work of John Cain Photography; this project represents website design and development.

Behind the project

## A closer look at the experience.

Create an image-led website that lets the photography establish the visual character while keeping services, editorial content and enquiries easy to find.

- 01 Discover the photography
- 02 Explore the portfolio
- 03 Read about the services
- 04 Send an enquiry

Illustrative studio image. Explore the original website using the project link above.

Visitor experience

## How the website flows.

- 01

### Discover the photography

- 02

### Explore the portfolio

- 03

### Read about the services

- 04

### Send an enquiry

## The delivered experience.

An editorial website experience that connects the photography with service information and a direct enquiry route.

## More projects

[View all work ](../index.html)

[](../nanotek-ppf/index.html)

Websites

### [Nanotek PPF](../nanotek-ppf/index.html)

[](../nanotek-ppf/index.html)

[](../nanolink-usa/index.html)

Websites

### [Nanolink USA](../nanolink-usa/index.html)

[](../nanolink-usa/index.html)