Live photography website Research · UX/UI · Design engineering

I redesigned and built Greek Mountain Man.

My old photography website had plenty to show, but the experience needed a better way to explore it. I talked with friends and people I met while photographing, redesigned the pages, and built a new site for the images, stories, and field work.

The new website on desktop and mobileGreek Mountain Man
Greek Mountain Man redesigned desktop website screenshot composite with mountain photography and a photo-led page layout
Greek Mountain Man responsive photography website shown on two mobile phone screens
What I owned. Research, design, build, and testing.
My work

I asked people how they wanted to browse the photography, studied the existing site, designed the new pages, and built the responsive WordPress front end. I worked on the galleries, image controls, page content, and testing myself.

Visitor questionWhere do I start, and how do I see more?
Next stepBrowse photographs, read field stories, or explore the wildlife map
My own redesignResearch to finished site
Built for browsingPhotography and field stories
ResearchConversations from the field
Design + codeMy end-to-end website rebuild
LiveResponsive photo-led experience

01 People

I wanted visitors to find the photographs they came for.

I had spent years building a collection of wildlife photos and field stories. The old website showed the work, but it gave people too much to sort through. I wanted the pictures to lead and the other parts of the site to be easier to find.

I asked friends and people I met while photographing how they liked to look through wildlife photography online. I also went back through the old pages and thought about the order in which visitors met the photos, stories, and links.

Those conversations and my own review shaped the new site. I designed and built it myself.

The question behind the redesign

How could I help someone enjoy the pictures, find a story, and keep exploring without getting lost?

I asked people what they wanted to see.

These were real conversations during my photography work, rather than a formal research study. I used them to question the old layout and decide what deserved more space.

The first photograph

I thought about what should greet a new visitor before they read anything.

Finding more work

I looked for simpler ways to move from one animal or picture to the next.

The story behind it

I wanted field notes to add context without competing with the photographs.

I reviewed the old website from a visitor's point of view.

The old pages mixed photography, biography, articles, and other links. I reorganized the new site so each part had a clearer purpose.

Homepage

Open with a strong visual and a clear way into the photographs.

Photo collections

Keep wildlife categories and full-size images easy to reach.

Field stories

Give writing, the map, and other work a place without crowding the gallery.

02 Design

I rebuilt the page around the pictures and the people viewing them.

I redesigned the way people arrive, browse photographs, and find the stories behind them. The new site starts with the Tetons and moves into the wildlife collection, field writing, and other work.

01

See the place

Open with the mountains and wildlife that define the work.

02

Browse photographs

Let visitors choose an animal or image that interests them.

03

Look closer

Make it easy to change photographs and open a larger view.

04

Read the story

Keep field notes near the wildlife they're about.

05

Explore more

Offer a clear path to the journal, contact form, or wildlife map.

Same photographer. A new way to explore the work.

The old design is on the left. The redesign puts the photography and the journey through the site in a clearer order.

Before · old websiteOriginal Greek Mountain Man website composite with moose hero, separate content panels, and photography and book sectionsEnlarge old site
After · new websiteRedesigned Greek Mountain Man website with large Grand Teton photograph, deep green panels, and visual wildlife galleryEnlarge new site

I redesigned the layout, visual style, page order, and interactive parts, and built the new website myself.

ResearchUX/UIResponsive designDevelopment

I kept the visual language consistent across the new pages.

The three-screen composition shows how the photography, stories, and other page layouts work together.

Three website screens from the Greek Mountain Man redesign, showing the photography homepage, image collection, and green editorial sections

Actual pages from the new site. Click the image to see it larger.

View full composition

Mobile experience

I designed the site to work in your hand.

Large photographs still need room on a phone. I changed the layout, content order, touch controls, and image sizes so the site worked on smaller screens.

  • A clear first photograph and next step
  • Gallery controls made for touch
  • Readable field notes alongside the images
  • Responsive spacing and image treatment
Two mobile phone screens showing the redesigned Greek Mountain Man homepage and its wildlife content
View mobile design

03 Build

I designed the site and built the working experience.

This was my project from beginning to end. I wrote the front-end code, built the WordPress pages, and tested how the galleries, navigation, and content worked on phones and computers.

Page structure

I reorganized the main pages around photography, field stories, my background, and the next step.

Visual design

I chose the image treatment, colors, type, spacing, and page rhythm for the new site.

Interactive photos

I built image controls that let people switch photographs and view them at a larger size.

Responsive build

I adjusted the layouts, navigation, and touch areas for smaller screens and tested the working pages.

See how I took the website from design to code

I planned the content

I gave the galleries, field stories, upcoming book, and wildlife map their own places on the site.

I built the page layouts

I made the visual ideas work in HTML, CSS, JavaScript, and WordPress.

I tested the real pages

I checked photos, links, responsive layouts, and interactive controls in the browser.

Photography first

The pictures get the attention while captions and field notes stay close at hand.

Room for the story

The field journal explains what happened without taking over the photo gallery.

A useful next step

The site connects to the wildlife map, my background, and ways to get in touch.

04 Photography

I wanted people to spend time with the photographs.

Photography is the reason I built Greek Mountain Man. I designed the site so a photo could lead someone into a collection, a larger view, or a field story.

Choose a photograph

Start with a clear image and the name of the collection.

Change the view

Pick another photograph without leaving the section.

Look closer

Open the main image at a larger size when you want to inspect it.

Bull moose standing in shallow water and golden grass
Moose in the willows · Greek Mountain Man

I took these photographs and built the viewer so people can change images without leaving the page. Clicking the main image opens a larger view.

05 Review

I used a scroll map to check how far visitors reached.

A long page can look good in a design file while people miss what sits farther down. I use scroll maps to see how far readers make it and review the order of the content.

Homepage scroll-map capture

What visitors reached on the page.

The colors show the scroll reach across a long homepage. I use this kind of evidence when deciding which photography, stories, and next steps need to appear sooner.

Greek Mountain Man homepage scroll-map screenshot, with warm red bands toward the top and yellow lower on the page

Homepage scroll mapOpen the full image to inspect the color bands.

View full scroll map
A new visual direction

I gave my photography its own space instead of asking every page to do everything.

A working mobile experience

I built responsive layouts and interactive photo controls for touch as well as desktop.

A site I can keep improving

I can review how people use it, change the content, and refine the design myself.

See the full scope of my work

I did the research, design, and build.

I own Greek Mountain Man, make the photographs, and design and develop the website. I can follow the decisions all the way from a conversation to the live page.

Conversations with people about viewing the work
Review of the earlier site
Website structure and navigation
Photography and visual direction
Page layout and responsive UX/UI
Wildlife gallery interactions and enlarged images
HTML, CSS, and JavaScript
WordPress page development
Phone and desktop testing
Content updates and continued improvements
The finished site

I designed a better home for the work I do in the field.

The new Greek Mountain Man site brings my wildlife photography, field stories, and the people behind the pictures into one place. I planned it, designed it, built it, and continue to improve it.

Jump to a section

Back to the beginning ↑

Greek Mountain Man image

Open original