snug© Insight

Work / Web & App

세레온 SEREON

친환경 전기 통학버스를, 노란 버스와 종이 오림 같은 풍경으로 아이들의 길처럼 보여 주는 제품 사이트입니다.

Client
세레온 SEREON
Category
전기 통학버스
Service
Website · 기획 · 디자인 · 구축
Platform
아임웹 · 반응형 PC / 모바일
세레온 SEREON — 대표 장면

overview

친환경 전기 통학버스의 새로운 기준

세레온은 아이들을 태우는 친환경 전기 통학버스입니다. 첫 화면은 노랑 바탕 위에 노란 버스 한 대를 옆모습으로 세우고, 바로 아래에 카달로그 · 가격표 내려받기 단추와 주행가능거리 390km · 배터리 124kWh · 최대출력 150kW 를 놓았습니다.

design

노랑, 그리고 종이 풍경

색은 통학버스의 노랑을 그대로 쓰고, 구간마다 종이를 겹겹이 오린 듯한 언덕 · 구름 그림을 깔아 「새로운 미래의 아이들에게」 가는 길처럼 보이게 했습니다. 소음 없는 전기차는 초록 들판 위 「언제나, 어디서나, 꽃길만 걸어요」 로 풀었습니다.

  • School Yellow #F7E73C 첫 화면 · 버스
  • Leaf #6D9443 초록 구간
  • Graphite #575757 단추 · 글
  • Aa 두꺼운 디스플레이 — SEREON 로고
  • 가나다 Pretendard — 한글

pages

운영센터 · 보증 · 구매 가이드

TOC(통합운영센터)는 차량 상태 · 배터리 · 주행거리를 실시간으로 보는 화면을, 서비스는 품질보증 안내를, 고객지원은 보조금 공고부터 출고까지 일곱 단계 구매 가이드를 아이콘 흐름으로 정리했습니다.

세레온 SEREON — 운영센터 · 보증 · 구매 가이드
세레온 SEREON — 운영센터 · 보증 · 구매 가이드
세레온 SEREON — 운영센터 · 보증 · 구매 가이드
세레온 SEREON — 운영센터 · 보증 · 구매 가이드
세레온 SEREON — 운영센터 · 보증 · 구매 가이드
세레온 SEREON — 운영센터 · 보증 · 구매 가이드

mobile

버스 한 대, 숫자 셋

휴대폰에서도 노랑 첫 화면에 버스와 내려받기 단추 두 개, 숫자 셋을 그대로 한 화면에 담았습니다. 종이 풍경 구간은 세로로 길게 이어져 넘길수록 계절이 바뀝니다.

세레온 SEREON — 버스 한 대, 숫자 셋
세레온 SEREON — 버스 한 대, 숫자 셋
세레온 SEREON — 버스 한 대, 숫자 셋
Client
세레온 SEREON
Design
snug
Build
snug — 아임웹

More Web & App