I create mobile and desktop versions of two pages. The first is the home page and the second is the gallery page where student work would be showcased and categorized by class.
Home Page
Note: These images are very long so I’ve made them downloadable instead of visible.
Top: Navigation
Section 1: Quote
Section 2: Nature
Section 3: The Sky
Section 4: Black & White
Section 5: Blur
Section 5: Case Studies
Bottom: Footer
Headings would be links to their pages.
Sample Main Category Page
Note: These images are very long so I’ve made them downloadable instead of visible.
Top: Navigation
Section 1: Title
Section 2: Main Category Photos
Section 3: Sub Category 1
Section 4: Sub Category 2
Section 4: Sub Category 3
Bottom: Footer
Headings would be links to their pages.
Sample Sub Category Page
Top: Navigation
Section 1: Title
Section 2: Gallery w/ title
Bottom: Footer
Case Studies Page
Top: Navigation
Section 1: Title
Section 2: Case Studies with title
Bottom: Footer
Clicking on the image or the title would take the user to the Case Study page.
Sample Case Study Page
Top: Navigation
Section 1: Title
Section 2: Content w/ images
Bottom: Footer
The layout for each Case Study Page would vary depending on the content I wrote for it.