엠블럼
캐릭터
캐릭터
캐릭터
이미지


자동차 분야 오픈소스 기술정보 공유 프로젝트
자동차테크맵

꾸밈이미지 꾸밈이미지

자동차테크맵 웹사이트 구축

Client 자동차테크맵
Date 2025-03
Type 반응형 홈페이지

자동차테크맵은 자동차 오픈소스 기술 생태계를 조성하는 플랫폼입니다. ‘모두를 위한 오픈 모빌리티 생태계’라는 가치를 담아,
누구나 쉽고 빠르게 자동차 분야 오픈소스 기술을 탐색하고 기여할 수 있도록 직관적인 정보 구조와 시각적인 설계를 중심으로 구성하였습니다.


자동차 기술 분야에서 복잡하게 분산되어 있는 오픈소스 정보들을 ‘자동차 테크맵’이라는 구조로 통합하고,
핵심 기술영역(파워트레인, 샤시, 전장시스템 등) 별로 카테고리를 나누어 정보 탐색의 효율성을 높였습니다.

또한, 활용도와 기여도에 따라 프로젝트를 시각적으로 구분하고, 다양한 필터링 및 정렬 기능을 통해 목적에 맞는 오픈소스를 쉽게 찾을 수 있도록 대시보드형 UX를 적용했습니다.
자동차 기술을 처음 접하는 사용자부터, 기업의 R&D 실무자 및 오픈소스 커뮤니티 활동가까지 모두를 고려하여, 접근성과 확장성을 겸비한 구조로 웹사이트를 설계하였습니다.

이미지
이미지
이미지
이미지
이미지
이미지
이미지
이미지
이미지
이미지
Overview

전문성과 연결성을 담은 UI,
자동차 오픈소스 생태계를
시각적으로 구현한 기술 플랫폼

자동차 테크맵 웹사이트는 자동차 산업의 핵심 키워드인 ‘개방’, ‘협력’, ‘전문성’을 직관적 인터페이스로 설계하여
모빌리티 생태계 전반에 걸친 기술 공유와 참여를 효과적으로 이끕니다.
시각적 요소와 기능적 UI가 유기적으로 연결되어 기술 플랫폼으로서의 브랜드 신뢰도를 확장합니다.

Tech Transparency

기술 정보의 투명한 구조화

Dual Interaction

양방향 생태계 설계

Modular Clarity

모듈형 UI

Typography & Color

브랜드 신뢰도를 높이는 절제된
비주얼 톤과
명확한 서체 구성

가A
프리텐다드 Pretendard

Regular  |  Medium  |  Semibold  |  Bold

Main Color #0350B5
Light Color #B7DEFF
Linear Color #01A6DB ~ #0350B5
ABOUT

MOBILE

모바일 사용자 비중을 고려해 가독성과
터치 편의를 강화한 반응형 디자인으로 설계하였습니다.

이미지
이미지
이미지
실시간 문의하기
구독서비스 설명서