Client Overview

Richy Morford is a fictional surf photographer living in Newquay looking to put his extensive portfolio online. Our founder, Joe, conceived this idea as a bit of a passion project as one of his keen interests is surfing and also reading surf journals/publications.


Web Design Concept


“Richy Morford”

What We Used
  • HTML 5
  • CSS 3
  • Framework: Bootstrap 4
  • Adobe Photoshop

The Brief:

A simple brief, comprised of creating a simple portfolio gallery for a fictional surf photographer that not only displayed a professional-looking masonry style gallery landing page, but also a sticky header with the photographer’s branding and links to an “About Me” page and a link to an off-site store where the photographer sells prints and other things (most likely featured publications the photographer has been included in).

The Process:

The process was a relatively simple one. Use a masonry-style gallery format on the landing page, which utilised CSS Grid in order to fix the layout. The individual tiles would animate when hovered over which would put a dark overlay on the tile’s image to clearly display the specified gallery’s title and then display a small description regarding it. The tile would be a link to a blog post where the photographer would do a brief write-up regarding the surf trip and display the related images. When a user clicks on an image, it would open using Fancybox JS, into a lightbox gallery where the user could then view the images at full-size.

The Conclusion:

Once again this was a quick project for the concept. The result was a responsive and sleek portfolio website that can be used for any kind of project where showcasing images in a beautiful yet simple way is key. Using CSS Grid allows a client to continue to add the gallery tiles and keep an effective layout. If they wanted to add extra columns to display more content, this too would be easy to achieve. The hover animation looks fantastic too, and is a great way to get users to interact with the site as they hover over tiles. If we were to expand functionality on the site then a search function wouldn’t be too difficult to implement. On the actual blog post/gallery pages themselves, Fancybox JS provided such an intuitive, yet great-looking, lightbox gallery that we at SiteJacket will most likely use more in the future. Overall, this was a fun side project to tackle although it made Joe miss surfing quite a lot!