Korean / Source가
하나의 브랜드,
일관된 경험.
모든 웹사이트는 같은 디자인 규칙과 검토 절차에 따라 운영됩니다.
Source · v1Original Markdown
Buzzvil mediums.One brand, builtto stay current.
As Buzzvil prepared for a stock-market listing, its online presence needed to feel like one company. I connected its key websites through a shared brand system and an agent-driven way to keep them current.
The new homepage, in its final content review.
One company shouldfeel like one company.
Customers, developers and future colleagues met Buzzvil through different websites. I brought their typography, color, layout and interaction into a shared system, so each touchpoint could build the same sense of trust.
Design
Live
Designers update the site with AI assistants.
Visit DesignDocs
Live
Technical writers update the documentation with AI assistants.
Visit DocsTech blog
Live
Anyone at Buzzvil who wants to post can contribute with AI assistants.
Visit Tech blogAI assistants prepare the changes. People review what gets published.
Describe the change.Review the page. Ship it.
I built the repository around agent-driven contribution: app instructions, content conventions and shared UI. The interface for an update became a request and a preview, with people responsible for what ships.
Start with the person who knows.
The content owner supplies the intent and facts. The agent reads the app instructions, uses the shared components and prepares the edit in the repository. No CMS entry or manual page assembly.
A change to prepare
Update the SDK release notes.
ContextRelease facts
Instructions
AGENTS.mdMaterialShared UI + content rules
An example contribution See the actual page.
The result becomes a pull request with a rendered preview. The owner can judge the page itself, with the file changes available when a closer look is needed.
Pull requestPreview ready
Buzzvil / Docs
A preview for review, illustrated Release notes
SDK 6.7.xKeep the judgment human.
Automated checks inspect the structure and affected code. People review what those checks cannot decide: accuracy, language and whether the page tells the right story.
Human review
✓The claims are accurate.✓The language fits the audience.✓The page works as intended.
Ready for approvalIllustrative review criteria Make the last step repeatable.
An approved merge triggers the production deployment workflow. Content ownership and infrastructure ownership stay visible.
An established deployment pathThe homepage launch is still ahead.
Reviewed pull request
Merge to main
Production deployment
Used beyond Design
A colleague, Eden, tested the workflow with a real update to the developer release notes. To make previews accessible to contributors, I proposed a shared deployment path; Edward, an engineer, implemented it.
Opening updates to more contributors also made mistakes easier to repeat. The repository needed to enforce the rules, including keeping translations in sync.
Edition check passed
The edition was prepared from the current source. People still review meaning and claims.
Simplified SHA-256 check
edition.sourceHash === sha256(sourceBytes)하나의 브랜드,
English / CounterpartAa
One brand.
A consistent experience.
Every website follows the same design rules and review process.
Translated from v1Prepared before build
Design in codeShared design values + reusable React elements
One repositoryNext.js · TypeScript · Turborepo
Review and deliveryGitHub Actions + Vercel previews
A considered brandshould feel fast, too.
The first redesign waited for JavaScript before showing its content. I moved reading back to server-rendered HTML, removed duplicate motion code and limited animation work to where it was needed.
Code downloaded to make the homepage interactive68% less to download.
- Before the overhaul
- 1,008 KB
- After
- 322 KB
201
legacy URLs checked
Still working after the migration
Keep the history intact.
The migration also preserved how readers arrived: old links, search results and feeds. A faster, newer page still had to respect the reader who bookmarked the old one.
A small bug with a real consequence
Uppercase filenames worked locally on my Mac but returned 404s on Linux. Normalizing the paths fixed the deployed pages. An RSS identifier change also made an old article appear new in Feedly. Those failures made redirects, filenames and feed identity part of the design work.
Product stories becameexperiences people could try.
Consistency should leave room for expression. The corporate site explains Buzzvil through experiences people can try: discover an offer, participate and see the reward. Product demonstrations turn an unfamiliar B2B platform into something tangible.
15
bilingual phone demos
reported October 16
- Enter
- Make progress
- Return to rewards
Rich when opened. Light while browsing. The landing loads WebP previews first. A sandboxed demo loads when someone opens it, using a shared runtime across the experiences.
Interactive demonstrations of the advertising experience. The product work behind Game UA
The foundation is live.The corporate site comes next.
Design, Docs and the tech blog are live, with their contributors already using AI assistants to keep them current. The homepage is in its final phase of content revisions, with launch expected late in 2026.
Already in use
Homepage / Final content revisionsLate 2026Expected launch
Most teams will be able to contribute through AI assistants. The homepage will use a more involved review process, giving teams a way to contribute while keeping the company’s public messaging consistent.
What I learned.
A brand has to survive the next edit.
The redesign was only the first release. Shared components, agent instructions and publishing checks carry those decisions into the changes other people make.
Automation moves the work to judgment.
Agents handle implementation, formatting and repeatable checks. People still own the facts, the message and the decision to publish. That is where the contribution process needs to be clearest.
Technical quality is brand quality.
A slow page, a stale translation or a broken bookmark changes how the company feels. The invisible parts of the system deserve the same design attention as the hero.