
본 프로젝트는 소소한소통의 ‘쉬운 정보 변환 서비스’를 효과적으로 알리고, 사용자가 직접 체험할 수 있는 웹페이지를 구축하기 위해 진행되었습니다. 주요 목적은 다음과 같습니다.
첫째, 원문 입력부터 변환 결과 비교까지 가능한 실시간 쉬운 정보 변환 체험 기능을 구현하여 서비스의 가치를 사용자에게 직관적으로 전달하고자 했습니다.
둘째, 고령자·장애인 등 정보 접근성이 필요한 사용자를 고려하여 웹 접근성 기반의 UX/UI 설계를 적용했습니다. 명도 대비, 구조적 접근성, 반응형 UI 등 공공기관 수준의 접근성 요소를 강화했습니다.
셋째, 소소한소통의 서비스 철학과 정체성을 담은 브랜드 중심 랜딩 페이지를 구성해, 서비스의 필요성과 활용 가치를 명확하게 전달할 수 있도록 디자인했습니다.
1️⃣ 쉬운 정보 변환 서비스 체험 기능 제공
원문과 변환 결과를 동시에 비교할 수 있는 구조 필요
문체·정보밀도·가독성을 조절할 수 있는 실제 체험 기능 요구
단순 홍보 페이지가 아니라 사용자가 직접 서비스 기능을 이해하도록 설계 필요
2️⃣ 접근성을 갖춘 UX/UI 설계 요구
고령자·장애인·외국인 등 다양한 사용자를 고려한 웹 접근성 기반 UX 설계 요구
공공기관 수준의 접근성 체크 기능(명도·구조·대체 텍스트 등) 반영 요구
3️⃣ 반응형 구조 및 기기별 일관된 경험 제공
PC·모바일·태블릿에서 동일한 경험 제공 요청
일부 브라우저의 표시 오류 방지 및 크로스 브라우징 대응 요구
4️⃣ 브랜드 이미지 전달 및 이해도 상승
쉬운 정보가 어떻게 변환되는지 예시 중심 설명 요청
"이용 가이드"·"변환 예시" 등 사용자 친화적 안내 구성 요청
5️⃣ 문의 기능(CTA) 및 유입 구조 단순화
문의하기 페이지에 단일 CTA(구글폼 연결) 구성 요청
FAQ를 직관적으로 볼 수 있는 구조 요구
💡 1. 랜딩 페이지 구성 및 서비스 이해도 강화
서비스 소개 → 변환 예시 → 체험 → 문의하기로 이어지는 단일 흐름 확립
‘6가지 원문 유형별 예시’ 제공하여 쉬운 정보 변환 방식 이해도 상승
💡 2. 실시간 쉬운 정보 변환 체험 기능 구현
원문·쉬운글 비교 구조 개발
문체 변화 / 정보량 / 가독성 조절 기능(슬라이더 기반 등) 제공
변환 결과 복사·초기화 기능 구현
💡 3. 웹 접근성 체험 기능 구현
“웹접근성 체험” 탭 별도 구성
명도 대비, 구조적 접근성, 대체 텍스트 등 체크 기능 구축
💡 4. 반응형 웹 및 크로스 브라우저 최적화
PC·모바일·태블릿 통합된 UI 구조
Media Query 기반의 반응형 구조 최적화
스크립트·이미지 최적화로 페이지 로딩 최적화
💡 5. 디자인 시스템 및 공통 컴포넌트 구축
컬러 팔레트, 타이포그래피, 공통 버튼/입력폼 컴포넌트 문서화
브랜드 톤을 유지하는 스타일 가이드 제작
💡 6. 보안 및 안정화 작업
HTTPS 통신 적용
스팸 요청 방지 및 입력 데이터 유효성 검사
주요 페이지 부하 테스트 및 오류 로그 모니터링
