Alfan Jauhari
EST—2025

Architecting

Tomorrow's

Digital

Landscape

Loading...
AJ.
Back to Home

Tempea

A craft-forward food brand web project built to showcase Tempea’s journey from a BCIT Food Tech lab to a real sustainable plant-based product, telling a story of flavour, community, and conscious eating. Built as a dynamic, clean, and engaging WordPress site using Elementor and custom PHP enhancements.

Client

Tempea

Role

Product Engineer III

Year

2024

Technologies Used

Wordpress
Elementor
PHP

The Challenge

The client needed a storytelling first brand site that clearly communicated Tempea’s origins, values, and product ethos. Since the project was built on WordPress with Elementor, the main challenge was handling dynamic, structured content especially the product page and modular blocks without forcing rigid template constraints. Default Elementor setups made it hard to consistently manage dynamic content, custom fields, and content relationships across pages, leading to inefficiencies and maintenance friction.

The Solution

I designed the site architecture around custom WordPress templates and tailored Elementor integrations, giving content editors full control without breaking structure. I built reusable, dynamic blocks that pull from custom fields, combined with selective PHP overrides where needed to extend Elementor’s logic. The result is a flexible, maintainable WordPress/Elementor build that supports rich storytelling and modular content workflows, empowering the client to update narrative elements and product info cleanly and efficiently while keeping performance and UX solid.

About Tempea

A purpose-driven brand site for Tempea, a plant-based food product born from a BCIT Food Technology lab competition and grown into a real business rooted in flavour, nutrition, and sustainability. Built on WordPress with Elementor and custom PHP, the site is crafted to reflect Tempea’s story, values, and community focus through clean layouts, engaging narrative blocks, and dynamic content sections.

Beyond being an informational site, it functions as a narrative hub that celebrates Tempea’s origin, mission for accessible healthy eating, and environmental consciousness. By leveraging custom templates, dynamic content logic, and modular Elementor-driven sections, the platform enables the team to easily manage storytelling, mission-driven content, and product information in a flexible and scalable system all while delivering a seamless, performance-conscious experience that balances brand expression with usability.