온글
본 프로젝트는 소소한소통의 ‘쉬운 정보 변환 서비스’를 효과적으로 알리고, 사용자가 직접 체험할 수 있는 웹페이지를 구축하기 위해 진행되었습니다. 주요 목적은 다음과 같습니다.
첫째, 원문 입력부터 변환 결과 비교까지 가능한 실시간 쉬운 정보 변환 체험 기능을 구현하여 서비스의 가치를 사용자에게 직관적으로 전달하고자 했습니다.
둘째, 고령자·장애인 등 정보 접근성이 필요한 사용자를 고려하여 웹 접근성 기반의 UX/UI 설계를 적용했습니다. 명도 대비, 구조적 접근성, 반응형 UI 등 공공기관 수준의 접근성 요소를 강화했습니다.
셋째, 소소한소통의 서비스 철학과 정체성을 담은 브랜드 중심 랜딩 페이지를 구성해, 서비스의 필요성과 활용 가치를 명확하게 전달할 수 있도록 디자인했습니다.
제작 기간2025. 09 - 2025. 11
고객사온글
사용 기술React.js, TypeScript, Vite
서비스
미리보기
미리보기
고객 요구사항
& 프로젝트 방향
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
원문과 변환 결과를 직접 비교하며 쉬운 정보 변환 서비스의 가치를 직관적으로 경험 가능
2.
고령자, 장애인, 외국인 등 다양한 사용자를 고려한 공공기관 수준의 접근성 UX/UI 적용
3.
PC·모바일·태블릿 최적화와 크로스 브라우징 대응으로 어떤 환경에서도 일관된 사용성 제공
4.
변환 예시와 이용 가이드를 통해 브랜드가 지향하는 쉬운 정보의 가치 전달
5.
단일 CTA와 FAQ 중심의 단순한 구조로 사용자의 문의 및 탐색 편의성 최적화
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.
