Back

JSD

John Seckler Design Portfolio Website

Technical Project Lead

John Seckler Design portfolio showing branded shopping bags
John Seckler Design portfolio showing an illustrated book spread
John Seckler Design portfolio showing an open book on a purple background

Led technical direction for interactive portfolio website for branding designer John Seckler, collaborating with art director on visual presentation of work for clients including WNBA, NBA G League, and Girl Scouts USA.

Highlights

  • •Collaborated with art director to translate design vision into a full-screen interactive portfolio
  • •Built a logo-as-navigation system — each letter of J-O-H-N opens a different part of the site
  • •Designed a randomized per-visit background color system with pop-up captions for every image
  • •Set up the site so the client can easily add new projects and captions without touching code
  • •Ensured keyboard navigation and cross-browser compatibility for an accessible, polished experience

Technologies

HTMLCSSJavaScriptfullPage.jsjQueryXML