{CODE}·DESK // SYS● LIVE

█

INITIALIZING0%

CLICK / ANY KEY TO SKIP

← Mission archiveMission file MSN-04● Infected

> Technology Company Website

Bloom Soft

A brand site for Bloom Soft, an IT-convergence and digital-innovation company. Presence comes from one red accent against a near-black base, with a scroll-driven intro sequence setting the first impression.

Stage
Shipped
Skills
Next.jsMotion & InteractionVisual IdentityVibe Coding (Claude Code)
Bloom Soft
01 //

Field notes

I ran planning, design, and frontend development solo, building the code itself through vibe coding with Claude Code. A B2B IT-company site like this carries a lot of service lines, numbers, and org information — the kind of content that easily reads as a dense corporate binder. The challenge was keeping color down to one red accent and opening with a single animated sequence, so scrolling reveals content in order and the whole thing reads as one continuous story instead of a stack of separate sections.

02 //

Process

On load, a rotating diamond outline fills the screen, collapses to a point, and ripples outward to reveal the headline — "BLOOMing Innovation / SOFTening Complexity." No video, no GIF — the whole sequence is built in code.

The diamond outline ripples outward into the headline reveal

The company name itself is a blend of Bloom and Soft. Rather than just typing that meaning out, I wanted to express it as motion — something condensing, then unfolding. Instead of letting the first few seconds pass as dead loading time, I used that window itself as the device that plants the brand.

MOFA Treaty Search System
Next mission — MSN-05
MOFA Treaty Search System
Public-Sector Treaty Search System UI/UX Design
▶
← Previous: 1AM VAPE
WORLD0%
● SYS-BOT