snug© Insight

Work / Web & App

원씰 ONESEAL

달리는 차에서 머무는 집까지 — 원씰의 기술이 닿는 공간을 검정과 라임 두 색으로 보여 주는 브랜드 사이트입니다.

Client
원씰 ONESEAL
Category
제조 · 브랜드
Service
Website · 기획 · 디자인 · 구축
Platform
아임웹 · 반응형 PC / 모바일
원씰 ONESEAL — 대표 장면

overview

ONESEAL, The Complete Life

원씰은 Gorilla Glue · Permatex · Hylomar 같은 접착 · 실링 브랜드를 다루는 회사입니다. 자동차에서 주거 공간으로 넓어진 이야기를 「달리는 차 안의 쾌적함부터, 머무는 집 안의 아늑함까지」 한 문장에 담고, 영문 한 줄과 한글 세 줄로 첫 화면을 짧게 끝냈습니다.

design

검정과 라임, 두 색만

바탕은 검정, 강조는 형광 라임 하나뿐입니다. 라임 면을 비스듬히 잘라 검정과 맞물리게 해서, 빈틈없이 붙이고 막는 실링 기술을 화면의 모양으로 옮겼습니다. 「Only One Technology」 · 「New Horizon」 구간은 화면을 가득 채운 회색 글자 O · N 위에 얹어 크기만으로 존재감을 만들었습니다. 영문 제목은 넓고 단단한 Flight Sans로 써서 기술 기업의 인상을 지켰습니다.

  • Black #111111 바탕
  • Lime #CCFF00 띠 · 단추 · 강조
  • Gray #787878 보조 글
  • White #FFFFFF 본문 글
  • Aa Flight Sans — 영문 제목
  • 가나다 고딕 — 한글 본문
  • Aa 01 Poppins — 영문 라벨

pages

회사소개부터 브랜드까지 같은 틀로

하위 페이지는 라임 띠 제목 → 비스듬한 경계 → 검정 본문의 같은 순서입니다. 연혁은 가운데 선을 따라 해마다 한 칸씩, 문의는 한 화면 안에서 끝나는 입력 칸으로 정리했습니다. 브랜드 페이지는 그 브랜드의 색(고릴라의 주황)을 머리 사진에 그대로 써서, 원씰이 다루는 제품이 무엇인지 바로 보이게 했습니다.

원씰 ONESEAL — 회사소개부터 브랜드까지 같은 틀로
원씰 ONESEAL — 회사소개부터 브랜드까지 같은 틀로
원씰 ONESEAL — 회사소개부터 브랜드까지 같은 틀로
원씰 ONESEAL — 회사소개부터 브랜드까지 같은 틀로
원씰 ONESEAL — 회사소개부터 브랜드까지 같은 틀로
원씰 ONESEAL — 회사소개부터 브랜드까지 같은 틀로

mobile

첫 문장은 크게, 단추는 엄지에 맞게

휴대폰에서는 「ONESEAL, The Complete Life」를 두 줄로 크게 세우고, 라임 단추는 둥근 알약 모양으로 키워 엄지로 누르기 쉽게 했습니다. 하위 페이지도 라임 제목 → 검정 본문 순서를 그대로 지켜, 작은 화면에서도 같은 회사로 읽힙니다.

원씰 ONESEAL — 첫 문장은 크게, 단추는 엄지에 맞게
원씰 ONESEAL — 첫 문장은 크게, 단추는 엄지에 맞게
원씰 ONESEAL — 첫 문장은 크게, 단추는 엄지에 맞게
Client
원씰 ONESEAL
Design
snug
Build
snug — 아임웹

More Web & App