Jump to content

Christopher Todd Studios Website

Jonathan Lahijani

Recommended Posts

It's been an extremely busy last few months for me, but I finally managed to launch Christopher Todd Studios:


I'm using my go-to frontend approach, which is based off of Sage.

Some frontend packages I'm using include:

  • Bootstrap SASS
  • Animsition for the page transitions
  • Slider Revolution for the home page slideshow (using the Ken Burns effect)
  • Slick Carousel for the portfolio slideshows (with the lazy loading feature enabled... very important)
  • Ekko Lightbox for the video modals
  • Headroom.js for the navbar hide/show interaction
  • jQuery Lazyload for other image lazy loading (like the blog)
  • MatchHeight for some areas that need matched heights
  • ResponseJS for loading content when a specific breakpoint is hit (rather than it being loaded but hidden, which is bad for performance and sloppy; very important)
  • Linearicons

I wrote the slideout navigation menu myself.  Just some CSS and JS.

My goal was to make sure this site is fast and doesn't feel clunky.  I feel it has met that objective especially with the performance and optimizations that have been done (there's still a few I will eventually get to and squeeze out even more performance).

In terms of ProcessWire modules being used:

  • FormBuilder is being used and it's submitting results to Tave, which is a lead management system.  FormBuilder made this easy with its 'Send duplicate copies to to another URL or 3rd Party Service' feature.
  • Image Extra
  • Social Share Buttons
  • Page List Image Label
  • Hannacode

The original site was based on WordPress and had many blog articles.  Using Ryan's great writeup, I imported all the posts into ProcessWire.  The blog setup is self made and inspired by the Blog Profile (not using the blog module).  The original site also didn't have permalinks enabled in WordPress, so I wrote some code to capture the necessary URL variables and forward them to the correct page so that old links are maintained, which is also good for maintaining SEO.

The client loves ProcessWire and its simplicity.

  • Like 8
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...