OBO
DESCRIPTION
Design Agency Website
DURATION
Jan 2024 - Feb 2024 (1 month)
MY ROLE
- Agency mood board and brand tone.
- Content structure and overall design.
- Navigation and CTA placement from the visitor's point of view.
TECH
HTML5 · CSS3 (Flex/Grid) · JavaScript (ES6+)
GSAP · ScrollTrigger · Locomotive Scroll · Swiper.js · AOS
Figma · Adobe Photoshop · Adobe Illustrator
JSON · Git · GitHub · Visual Studio Code
Project Purpose
OBO is a design agency, which means the site itself is the first piece of evidence. The structure was kept deliberately uncomplicated — a clear grid, restrained typography, and a single path from who they are to what they have made to how to reach them — so the credibility comes from how the page is put together rather than from what it says about itself.
Scope
- · Complete UI Design
- · Frontend Development
Key Technical Features
Structural UI
- · A grid-aligned interface built in plain HTML and CSS.
Minimal Typography & Layout
- · A spacing-led layout with a restrained type system.
Clear User Flow
- · One route from brand introduction through work to inquiry, with nothing branching off it.
Design Points
Structural UI
Grid alignment does the composing, in plain HTML and CSS with nothing layered on top.
Type & Spacing
A restrained type system, with the layout led by spacing rather than by rules and boxes.
Clear Flow
Brand introduction, work, inquiry — in that order, and no detours off it.
Gallery
Click to enlargeFAQ
How is a 3D interactive website different from a regular one?
It runs Three.js and WebGL in the browser, so objects move and respond to the cursor and scroll. A regular site organises information; an interactive one delivers the brand as an experience. It pays off most in fashion, beauty, architecture and exhibitions.
How long does a website take to build?
Seven days for a landing page, fifteen for a five-page company site, thirty for a ten-page 3D interactive build. The clock starts when your material arrives and shifts with design feedback. If a date is fixed, say so at the first call and feasibility is checked first.
Are hosting, domain and server costs separate?
SSL certificate, hosting setup and database provisioning are included at no cost. You only pay for the domain, about ₩20,000–30,000 a year. Accounts are created in your name from the start, so nothing lapses when staff change.
Can I edit the content myself after launch?
An admin page is built alongside the site, so text, images and posts can be edited without development knowledge, and a manual is handed over at delivery. Only structural changes or new features need development.