Campaign Microsite

Key Contributions

• Built a lightweight campaign microsite

• Gained hands-on experience with build tooling and templating logic

• Realized the value of flexible planning over early optimization

Case study

This project involved building a standalone microsite for a campaign by a global medical and hygiene brand. The site was relatively simple in functionality, but included some unique design constraints that required creative layout solutions using CSS masking, layering, and transitions.

The frontend was built using Mustache templates, jQuery, and Bootstrap, and I had the opportunity to explore more advanced Mustache-templating patterns like conditionals and loops - features I hadn’t previously used in-depth.

On the tooling side, I worked with a Gulp-based build, and got hands-on experience adapting and expanding an existing boilerplate for custom build steps.

One of the more lasting takeaways from this project was realizing the impact of premature optimization. I initially over-architected some parts of the project before fully understanding the scope. It was an early but valuable lesson in balancing structure with pragmatism.

While small in scope, this project sharpened my implementation skills, introduced me to templating and build systems, and challenged me to grow my mindset around planning and flexibility.