Brand Diary:
A modern and modular UI
for a Bangkok-based creative agency
The Identity was Sharp,
The Website Wasn’t
Brand Diary had a strong creative identity but an outdated website that failed to reflect it. They needed a complete redesign, one that felt modern, structured, and aligned with their bold, design-forward personality. With the UX already mapped, the focus shifted to crafting a clean, scalable UI that captured their voice and elevated their digital presence.
Cleaner, and Modular,
Exactly what the UI
Needed to be
The redesigned site introduces a modern, modular UI that brings clarity and polish to Brand Diary’s digital presence. With improved structure, strong typography, and flexible layouts, the new design elevates key pages like Services and Team while remaining fully responsive and scalable. It’s simple, clean, and finally aligned with the brand’s creative confidence.
Archivo
The Rules Behind the Look
Typhography
H2
H1
H3
H4
H5
Body 1
Body 2
Body 3
Button 1
Button 2
Button 3
Caption
Noto Sans Myanmar
H2
H1
H3
H4
H5
Body 1
Body 2
Body 3
Button 1
Button 2
Button 3
Caption
Color Palette
#171717
#FE001A
#C31F26
#FF6672
#FBFBFB
Archivo brings a modern, structured aesthetic that fits Brand Diary’s creative and confident tone. Its geometric shapes and clean lines make it ideal for headings, layouts, and content that needs a bold presence.
Noto Sans Myanmar was chosen specifically to support Burmese-language content. Since Brand Diary is a Myanmar-owned agency, it was essential to ensure that the site remained accessible and visually consistent for local users. This font handles Myanmar script cleanly, balancing clarity with a neutral, friendly feel.
Type Choices
That Speak the Brand
Red is the hero. It’s bright, full of energy, and represents the brand’s bold attitude. Multiple shades were used to keep it interesting but not overwhelming.
Black adds structure, keeping everything grounded and easy to read.
Off-white balances it all out, giving the red room to pop without stealing the show.
The color palette sticks to what makes
Brand Diary stand out, bold reds and deep blacks.
It’s a simple combo, but it makes a strong statement.
Red and Black to Bring Boldness,
and Stand Out in a Crowded Space
The redesigned Brand Diary website brings clarity, structure, and bold energy to a brand that thrives on creativity. Built around a clean modular grid, the new design emphasizes visual storytelling, a refined color palette, and streamlined navigation. Key pages like Home, Services, and Client Stories now feel more intentional, letting the brand’s voice shine through a consistent, scalable interface.
A Bold Brand,
Brought to Screen
/ Redesign Ui Designs
UI Designer
My Role
Team
Treasure Su /
UX Designer
Tool
Figma
Duration
4 Weeks
Throwback
Designs
/ Old Ui Designs
After exploring the refreshed UI, it’s worth seeing where the journey began. The original website, while serviceable, no longer reflected Brand Diary’s growth or personality. It felt outdated, unstructured, and disconnected from the bold, creative agency it represented.
The layout lacked visual rhythm. Navigation wasn’t intuitive. Colors and typography didn’t quite express the agency’s sharp identity. All of these gaps made the user experience feel less impactful, especially for creative professionals and modern brands looking for a bold first impression.
This redesign wasn't just about making things look nicer, it was about building a digital presence that speaks with the same confidence and clarity as the work Brand Diary delivers.
Home page
Our Services Page
Contact Us Page
Blogs Page
Designing for a branding agency? No pressure, just make it look like they designed it.
Turns out, whitespace isn’t “empty.” It’s confident, calm, and cooler than a gradient overload.
Reusable components are like closet staples; keep them clean, and everything fits.
Bold doesn’t mean loud. Sometimes, the most impactful thing you can do is step back and let the brand speak first.
From Rough Sketches
to Real Growth
Designed & Built by Naw Shy in Bangkok @ 2025