31/05/2026
β¨ Product Page UI Direction
Another stage completed in the ongoing Training Station website project.
Following the homepage UI direction previously created, this phase focused on developing a visual direction guide for the product page experience.
The project included:
π¨ Product page UI direction
π» Layout and visual hierarchy guidance
β¨ Typography and colour recommendations
π Button states and interaction guidance
π± Product status badge system
β
Development-ready design notes for implementation
The aim was to help create a cleaner, more premium and consistent ecommerce experience while providing clear visual guidance for the web development team.
It's always rewarding to help shape the look, feel and user experience of a project before it moves into development.
β¨ Currently accepting a limited number of branding and UI direction projects.