On Digitals
Digital Agency
Re-branding Web UI
Project introduction
A Leap To Digital Space
In 2023, On Digitals, a rising star in the digital marketing landscape, decided it was time to level up. As a relatively young but ambitious company, they recognized the need to evolve their identity to better align with their growing capabilities and long-term vision.
This led to a bold decision: a complete rebranding initiative paired with the development of a brand-new website.
Project Workscope:
– Propose visual direction of the new website
– Design the new web UI
– Responsive adaptation
What have been done
Design Direction
Design Approach
The new website design for On Digitals draws inspiration from the digital world and the vastness of space, brought to life through an extreme flat and minimalistic approach with clean layouts, subtle animations, and bold color palette choice.
Circles – inspired by the logo shape – are used as a recurring motif, symbolizing wholeness, connection, and continuity, tying into both tech and space themes.
Website Structure
The web structure was designed with a modular approach in mind, meaning each section functions as a flexible, self-contained block. Whether it’s a hero banner, service highlight, testimonial, or case study preview…,each module can be easily added, removed, or rearranged, and re-used, without disrupting the overall design flow.
This approach not only supports scalability as the company grows but also makes updates more efficient.
The initial branding concept:
A space where Digital & Creative worlds collide
Design Assets
Color Palette
Branding
Functional
Neutral
Typography
Fixel
Primary Font, applicable for English headlines
Maven Pro
Secondary Font, applicable for English & Vietnamese body text
Font Paring Examples:
We are On Digitals
Digital Marketing Agency based in Vietnam
We offer THE BEST offfshore Digital Marketing Services for the persistent growth and creativity of ambitious brands. Taking advantage of search engines and social media platforms, we help businesses attract customers, generate revenue, and solidify their position in an increasingly crowded market.
Final Design
On Digitals Website UI
Homepage
About Us
Contact Us
Services_List
Service_Main (Template)
Service_Sub (Template)
News (Blog)
Blog Article Template
404 Page
Case Study_List
Case Study_Brand Showcase (Template)
Case Study_Country Expertise (Template)
Experience in Figma Prototype
Instruction:
Click on screen to find flashy hint for available interactive elements
Hit [R] or click on [Restart button] at the bottom right corner
For full screen view, click on the expand icon at the top right corner
But wait...There are more!
The Tech Landing
In 2024, On Digitals set its sights on expanding into the IT services space. To highlight the team’s growing expertise in digital solutions, a dedicated landing page was developed for their sub-brand, On Tech.
This new page served as both a showcase and a gateway to introduce On Tech’s specialized offerings in software development, mobile apps, and enterprise solutions.
Project Workscope:
– Propose visual direction of the new landing page
– Design the new web UI
– Responsive adaptation
What have been done
Design Direction
Design Approach
The design for On Tech takes a different turn from the main brand by embracing a glassmorphism-inspired aesthetic combined with vibrant gradients and a futuristic vibe.
Soft, translucent layers, multi-layered blurred backgrounds, and glowing elements give the interface a high-tech, almost sci-fi feel, showcasing On Tech’s ambitions in the evolving era of AI and digital transformation.
Final Design
On Tech Landing Page UI
Homepage
About Us
Contact Us
Services_Web Design
Services_Mobile Development
Services_Software Development
Experience in Figma Prototype
Instruction:
Click on screen to find flashy hint for available interactive elements
Hit [R] or click on [Restart button] at the bottom right corner
For full screen view, click on the expand icon at the top right corner
Additional Design
Email Marketing Template
Besides revamping the web UX/UI, On Digitals also strengthened its marketing presence by rolling out a focused Email Marketing strategy.
The email template was designed to be clean, responsive, and visually aligned with the brand—featuring consistent typography, clear CTAs, and eye-catching visuals.
Final Design
On Digitals Email Template
Thank You For Reading!