Loading image 1...
TresnoJamuWebsite
Figma Design and Custom WordPress Development for Traditional Herbal Brand Showcase
Tresno Jamu Website
Tresno Jamu Website
Figma Design and Custom WordPress Development for Traditional Herbal Brand Showcase
Figma Design and Custom WordPress Development for Traditional Herbal Brand Showcase
Delivered both the UI/UX design (Figma) and the WordPress development for Tresno Jamu Indonesia. The site was built as a corporate profile to showcase the brand’s natural essence, display its product catalog, highlight job openings, and provide essential company information. Implementation used WordPress with WPBakery and custom modules for efficient content management.
The Problem
The core challenge was translating the traditional, natural essence of Jamu into a clean, modern corporate interface. The site needed to present company history, product portfolios, and career opportunities clearly, all within a rapid 3-week timeline.
First, created the design in Figma focusing on a natural, earthy color palette. The frontend was then implemented using a custom WordPress theme foundation with WPBakery Page Builder, utilizing custom modules to effectively structure the product catalog display, careers section, and contact information for easy client management.
Visual Journey
Project Showcase
Loading image 1...
Screenshot 1
Project visualization and interface design
TechStack
Figma
UI/UX Design
WordPress CMS
CMS
WPBakery Page Builder
Page Builder/Visual Editor
Custom Wordpress Modules
Frontend Development
PHP
Backend Language
HTML5 / CSS3
Frontend
Tailwind CSS (via custom integration)
Styling
KeyFeatures
Custom Product Catalogue Modules
Developed custom WPBakery elements to clearly display jamu product names, descriptions, and accompanying imagery for informational purposes.
Dedicated Careers/Job Openings Section
A structured module designed to display current job vacancies and application instructions, managed through the WordPress backend.
Natural & Authentic Design
UI/UX emphasizes natural ingredients and traditional Indonesian heritage through design elements and color choices.
Clear Contact & Location Display
Prominent, easily readable sections for contact details, physical address, and operating hours.
Responsive Layout for Information Display
Ensured the layout is fully responsive, optimizing product viewing and company information access for mobile users.
Client Content Management System
Structured the site using WPBakery to give the client full control over product updates, news, and promotional banners without developer input.
OurProcess
A detailed look at how we brought this project from concept to reality through our proven methodology.
Design & Visual Strategy (Figma)
Created the UI/UX design in Figma, defining the visual style, color palette, and corporate information hierarchy (including products and careers).
WPBakery Setup & Custom Module Creation
Configured WordPress and WPBakery. Coded necessary custom PHP/CSS for WPBakery modules to handle product displays and the dedicated careers section.
Content Integration & Deployment
Integrated all initial product listings and company content. Conducted final visual QA and client training on using the WPBakery editor before deployment.
04 Outcomes delivered
- 01Delivered a cohesive UI/UX design and functional website within the tight 3-week timeline.
- 02Successfully implemented an appealing visual design emphasizing natural ingredients and traditional heritage.
- 03Provided the client with a visual editor (WPBakery) and custom modules for simple product and careers content management.
- 04Structured the site to guide users from brand story discovery to product viewing and job application inquiries.
The design beautifully captures the authenticity of our traditional Jamu, and the backend is a game-changer for managing our growing product line and publishing job opportunities quickly.
Related Services
Services Featured in This Project
These are the Javapixa services behind this project.