Dash Seasonings Website

Dash Homepage
A collage of different sections of the website including mobile view
Product carousel component used on the homepage. Based off glide.js and extended with custom javascript and css to reflect design.
Featured Recipes component used to call out promoted recipes. This can be added on any page
Custom built recipe filters. This pulls in the custom taxonomies dynamically from the recipes custom post type and allows for granular filtering.
Role: Full Stack Developer
Tech Stack: WordPress, CSS Grid, PHP, JavaScript, Advanced Custom Fields Pro (ACF)

Project Overview

Mrs. Dash, a well-known seasoning brand focused on salt-free flavor, needed a modern, performant, and easily manageable website to reflect its vibrant brand and evolving product line. I was brought on as the lead full stack developer to bring in-house designs to life through a custom WordPress build.

My Contributions

Modular Theme Architecture

I built the theme using a modular, scalable component system. Using ACF Flexible Content, content editors could build pages from reusable sections like:

  • Hero Banners

  • Recipe Grids

  • Product Spotlights

  • Call-to-Action Blocks

This gave the marketing team full creative control without touching code.

 

Custom Post Types & Taxonomies

  • Recipes and Products were implemented as distinct CPTs with custom taxonomies for filtering (e.g., “Occasion”, “Meal Type”).

  • Relationship fields were used to cross-link products used in recipes for seamless navigation and internal linking.

 

Frontend Interactivity

  • Dynamic recipe filters and product sliders built with lightweight JavaScript.

  • Lazy-loaded images and inline SVGs to keep performance high.

  • Custom scroll animations and transitions that aligned with the brand’s upbeat tone.

 

Admin Experience

  • Streamlined backend with tailored ACF field groups.

  • User-friendly WYSIWYG editing with preview support.

  • Built-in SEO controls using Yoast integration.

 

Performance & Accessibility

  • Optimized assets with Webpack and image compression.

  • WCAG 2.1-compliant color contrasts, semantic HTML, and screen reader accessibility.

  • Achieved sub-2s load time across all primary pages.

View Live Site