Hi there! Jaime here. I'm very excited and proud to announce that after two months of work (and distractions), the new Ketchup and Mustard website is up and running! The old site was written from scratch in HTML, and while I was satisfied with the design, I wanted to:
a) Add new projects without updating every page in the project's parent section,
b) Incorporate a blog into the navigation so the blog and portfolio could share the same page structure and styling, and
c) Add sorting functionality so users could view work by type of project.
Here's what the old site looked like:

And here's the new version and the tools I used to get there:
I used Squarespace as a CMS with custom CSS in a theme I built from the Developer theme. Squarespace made it easy to develop a site structure that included a combination HTML pages and dynamic content for the three different types of sections in the site. The portfolio pages are actually "Journal Index" pages of "Journals," which are similar to blogs. The individual Projects are comparable to single journal entries.

I also used Typekit so the Museo Sans Rounded typeface I use in the Ketchup and Mustard identity could also be present throughout the site.


Finally, I enlisted the help of the jQuery Cycle Plugin to create the slideshows on the project pages. I'm a total novice at JavaScript and jQuery, and after days of painful research, I found this plugin to be, by far, the easiest to use, with the most options for customizing the slideshows. It also allowed me to create multiple slideshows on a single page, which was a feature necessary for showing work with more than one component and multiple images for each component.
So thanks to all of the services that made this site update possible. If anyone has an interest, I'd be glad to share any of my tricks in a more focused blog post. Thanks for staying tuned!