The Loft
Building a digital glow
Brand & Identity
Web Design
Motion Graphics
2025
2025
2025
OVERVIEW
WARM needed a brand and digital identity that reflected their technical expertise and growth ambitions. The brief was to reimagine the brand from the ground up, crafting a flexible identity and an intuitive digital experience that communicated both energy and precision.
Problem
The existing brand relied on a single logo and abstract tech motifs, offering little in the way of structure or warmth. Navigation and UX issues hampered the user journey , while a lack of flexible design elements limited how the brand could be expressed. WARM needed to elevate their identity and create a digital platform that guided visitors effectively, reflecting the company’s momentum and confidence.
Key challenges:
Minimal brand system with no scalable framework
Rigid website lacking clear navigation and hierarchy
Identity that did not communicate technical capability or seriousness
Key challenges:
Minimal brand system with no scalable framework
Rigid website lacking clear navigation and hierarchy
Identity that did not communicate technical capability or seriousness
Role & Scope
My Role
I was the sole designer on this project, completing:
Brand identity refresh & visual system
Gradient language & colour palette
Typography selection
Motion graphics & interaction design
UI & layout design
Creative direction for video & digital assets
Brand identity & logo refinement
Visual system & colour palette
Typography selection
Motion & interaction design
Art direction & imagery
UI & layout design
Deliverables
Primary brand marks & secondary icons
Typography and colour guidelines
Motion studies & animated assets
Responsive UI design (web)
Digital and launch video collateral
APPROACH
The brand refresh began with a colour‑driven identity. A gradient system built on warm hues became the core of the visual language, communicating energy and precision across digital, motion and large‑format applications. Typography played a crucial role: the sans-serif Host Grotesk provided a clean, approachable base, while Baj Jamjuree added technical weight. Together they formed a modern voice that balanced professionalism with technical profiency
For the digital platform, the website was rebuilt around user‑centred navigation and a modular design framework. Motion graphics, crafted video content and subtle interactions brought the brand to life online. Clean entrance animations for key text added rhythm and clarity, while refined layouts ensured flexibility and growth.
CRAFT & EXECUTION
Logo & Identity System
Developed a gradient language using warm hues to convey energy and precision .
Designed a flexible identity system that could scale across digital, motion and print.
Created secondary icons and marks for varied applications.
Typography & Colour
Paired Host Grotesk with Baj Jamjuree to balance approachability and technical authority .
Defined hierarchy and spacing rules for readability and consistency.
Established a restrained colour palette to support clarity and cohesion.
Motion & Interaction
Conceptualised motion graphics and subtle animations to give the brand rhythm and depth .
Designed clean entrance animations to guide the eye and improve pacing .
Ensured motion always supported usability and performance .
Art Direction & Imagery
Created a modular grid system to enable flexible page composition and growth.
Designed navigation and user pathways to guide visitors from arrival to conversion .
Prioritised clear hierarchy and intuitive interaction throughout the site.
The Result
Eatron now owns a refined and cohesive identity that aligns public perception with scientificreality.
The refreshed identity elevated Warm from a single logo to a cohesive brand system.
The new visual system balances heritage with progression, presenting Eatron as a modern, confident and responsible leader in electrification. The website distills complex technology into clear, accessible storytelling and provides an intuitive interface that matches the pace and precision of the company itself.
The gradient language gave the business a distinctive, ownable look , while the interplay of Host Grotesk and Baj Jamjuree created a clear, modern voice. Together, these elements built consistency and confidence, positioning Warm with a brand as dynamic as its offering.
The redesigned website is a platform for growth: it guides users seamlessly through services and drives engagement. Clean animations and motion graphics inject energy and depth without compromising usability. The result is a digital presence that’s modern, conversion‑focused and equipped to support Warm’s future ambitions.
Learning
Insights I learned from this project:
Preserving and modernising a loved wordmark can anchor a transformation without losing familiarity.
Natural imagery and restrained palettes can humanise technical brands and elevate emotional resonance.
Motion studies, when grounded in design logic, enhance rhythm and user experience without becoming decoration.
The gradient language gave the business a distinctive, ownable look , while the interplay of Host Grotesk and Baj Jamjuree created a clear, modern voice. Together, these elements built consistency and confidence, positioning Warm with a brand as dynamic as its offering.
The redesigned website is a platform for growth: it guides users seamlessly through services and drives engagement. Clean animations and motion graphics inject energy and depth without compromising usability. The result is a digital presence that’s modern, conversion‑focused and equipped to support Warm’s future ambitions.
The Loft
Building a digital glow
Brand Refresh
Web Design
PORTFOLIO
More Projects
More Projects
Other Projects
The Loft
Building a digital glow
Brand & Identity
Web Design
Motion Graphics
2025
2025
2025
OVERVIEW
WARM needed a brand and digital identity that reflected their technical expertise and growth ambitions. The brief was to reimagine the brand from the ground up, crafting a flexible identity and an intuitive digital experience that communicated both energy and precision.
Problem
The existing brand relied on a single logo and abstract tech motifs, offering little in the way of structure or warmth. Navigation and UX issues hampered the user journey , while a lack of flexible design elements limited how the brand could be expressed. WARM needed to elevate their identity and create a digital platform that guided visitors effectively, reflecting the company’s momentum and confidence.
Key challenges:
Minimal brand system with no scalable framework
Rigid website lacking clear navigation and hierarchy
Identity that did not communicate technical capability or seriousness
Key challenges:
Minimal brand system with no scalable framework
Rigid website lacking clear navigation and hierarchy
Identity that did not communicate technical capability or seriousness
Role & Scope
My Role
I was the sole designer on this project, completing:
Brand identity refresh & visual system
Gradient language & colour palette
Typography selection
Motion graphics & interaction design
UI & layout design
Creative direction for video & digital assets
Deliverables
Primary brand marks & secondary icons
Typography and colour guidelines
Motion studies & animated assets
Responsive UI design (web)
Digital and launch video collateral
APPROACH
The brand refresh began with a colour‑driven identity. A gradient system built on warm hues became the core of the visual language, communicating energy and precision across digital, motion and large‑format applications. Typography played a crucial role: the sans-serif Host Grotesk provided a clean, approachable base, while Baj Jamjuree added technical weight. Together they formed a modern voice that balanced professionalism with technical profiency
For the digital platform, the website was rebuilt around user‑centred navigation and a modular design framework. Motion graphics, crafted video content and subtle interactions brought the brand to life online. Clean entrance animations for key text added rhythm and clarity, while refined layouts ensured flexibility and growth.
CRAFT & EXECUTION
Logo & Identity System
Developed a gradient language using warm hues to convey energy and precision .
Designed a flexible identity system that could scale across digital, motion and print.
Created secondary icons and marks for varied applications.
Typography & Colour
Paired Host Grotesk with Baj Jamjuree to balance approachability and technical authority .
Defined hierarchy and spacing rules for readability and consistency.
Established a restrained colour palette to support clarity and cohesion.
Motion & Interaction
Conceptualised motion graphics and subtle animations to give the brand rhythm and depth .
Designed clean entrance animations to guide the eye and improve pacing .
Ensured motion always supported usability and performance .
Art Direction & Imagery
Created a modular grid system to enable flexible page composition and growth.
Designed navigation and user pathways to guide visitors from arrival to conversion .
Prioritised clear hierarchy and intuitive interaction throughout the site.
The Result
Eatron now owns a refined and cohesive identity that aligns public perception with scientificreality.
The new visual system balances heritage with progression, presenting Eatron as a modern, confident and responsible leader in electrification. The website distills complex technology into clear, accessible storytelling and provides an intuitive interface that matches the pace and precision of the company itself.
Learning
Insights I learned from this project:
Preserving and modernising a loved wordmark can anchor a transformation without losing familiarity.
Natural imagery and restrained palettes can humanise technical brands and elevate emotional resonance.
Motion studies, when grounded in design logic, enhance rhythm and user experience without becoming decoration.
The Loft
Building a digital glow
Brand Refresh
Web Design
PORTFOLIO
More Projects
More Projects
Other Projects
The Loft
Building a digital glow
Brand & Identity
Web Design
Motion Graphics
2025
2025
2025
OVERVIEW
WARM needed a brand and digital identity that reflected their technical expertise and growth ambitions. The brief was to reimagine the brand from the ground up, crafting a flexible identity and an intuitive digital experience that communicated both energy and precision.
Problem
The existing brand relied on a single logo and abstract tech motifs, offering little in the way of structure or warmth. Navigation and UX issues hampered the user journey , while a lack of flexible design elements limited how the brand could be expressed. WARM needed to elevate their identity and create a digital platform that guided visitors effectively, reflecting the company’s momentum and confidence.
Key challenges:
Minimal brand system with no scalable framework
Rigid website lacking clear navigation and hierarchy
Identity that did not communicate technical capability or seriousness
Key challenges:
Minimal brand system with no scalable framework
Rigid website lacking clear navigation and hierarchy
Identity that did not communicate technical capability or seriousness
Role & Scope
My Role
I was the sole designer on this project, completing:
Brand identity refresh & visual system
Gradient language & colour palette
Typography selection
Motion graphics & interaction design
UI & layout design
Creative direction for video & digital assets
Deliverables
Primary brand marks & secondary icons
Typography and colour guidelines
Motion studies & animated assets
Responsive UI design (web)
Digital and launch video collateral
APPROACH
The brand refresh began with a colour‑driven identity. A gradient system built on warm hues became the core of the visual language, communicating energy and precision across digital, motion and large‑format applications. Typography played a crucial role: the sans-serif Host Grotesk provided a clean, approachable base, while Baj Jamjuree added technical weight. Together they formed a modern voice that balanced professionalism with technical profiency
For the digital platform, the website was rebuilt around user‑centred navigation and a modular design framework. Motion graphics, crafted video content and subtle interactions brought the brand to life online. Clean entrance animations for key text added rhythm and clarity, while refined layouts ensured flexibility and growth.
CRAFT & EXECUTION
Logo & Identity System
Developed a gradient language using warm hues to convey energy and precision .
Designed a flexible identity system that could scale across digital, motion and print.
Created secondary icons and marks for varied applications.
Typography & Colour
Paired Host Grotesk with Baj Jamjuree to balance approachability and technical authority .
Defined hierarchy and spacing rules for readability and consistency.
Established a restrained colour palette to support clarity and cohesion.
Motion & Interaction
Conceptualised motion graphics and subtle animations to give the brand rhythm and depth .
Designed clean entrance animations to guide the eye and improve pacing .
Ensured motion always supported usability and performance .
Art Direction & Imagery
Created a modular grid system to enable flexible page composition and growth.
Designed navigation and user pathways to guide visitors from arrival to conversion .
Prioritised clear hierarchy and intuitive interaction throughout the site.
The Result
The refreshed identity elevated Warm from a single logo to a cohesive brand system.
The gradient language gave the business a distinctive, ownable look , while the interplay of Host Grotesk and Baj Jamjuree created a clear, modern voice. Together, these elements built consistency and confidence, positioning Warm with a brand as dynamic as its offering.
The redesigned website is a platform for growth: it guides users seamlessly through services and drives engagement. Clean animations and motion graphics inject energy and depth without compromising usability. The result is a digital presence that’s modern, conversion‑focused and equipped to support Warm’s future ambitions.
Learning
Insights I learned from this project:
The gradient language gave the business a distinctive, ownable look , while the interplay of Host Grotesk and Baj Jamjuree created a clear, modern voice. Together, these elements built consistency and confidence, positioning Warm with a brand as dynamic as its offering.
The redesigned website is a platform for growth: it guides users seamlessly through services and drives engagement. Clean animations and motion graphics inject energy and depth without compromising usability. The result is a digital presence that’s modern, conversion‑focused and equipped to support Warm’s future ambitions.
The Loft
Building a digital glow
Brand Refresh
Web Design
PORTFOLIO