logologo
#반응형
#WEB
#UI/UX
#React.js
#모바일
#Python
#Devup-ui
#Rust
#Fast-api
#Next.js
Touching Memory
데브파이브
portfolio-top-image/file/2025_05_12/1747036412498_터칭메모리-1.webp
제작 연도2021
제작 기간4년
사용 기술Next.js, Devup-ui, TypeScript, Python, Fast-api
ABOUT

본 프로젝트는 시각장애인이 직접 점자문서를 생산할 수 없고 관련 전문인력이 부족한 현실적 문제 해결을 목표로 수행된 접근성 중심의 웹 서비스 개발 작업입니다. '터칭 메모리' 웹 플랫폼 개발을 통해 점자문서 편집부터 프린팅까지 연결하는 출판 프로세스 혁신을 달성하고자 했습니다. 터칭 메모리는 시각장애인도 쉽게 사용할 수 있는 점자문서 제작 시스템을 제공합니다. 비전문가도 사용 가능한 워크플로우를 통해 복잡한 기술적 지식 없이도 직관적으로 점자문서를 작성하고 출력할 수 있는 사용자 친화적 프로세스를 구축했습니다. 터칭 메모리의 핵심 기능으로는 FIDO 기반의 보안 로그인 시스템을 통한 간편한 계정 생성과 개인 맞춤형 서비스 제공이 있습니다. 점자문서 작업 이후 인쇄까지 자연스럽게 이어지는 통합 출판 환경을 구축했습니다. 사용자 간 콘텐츠 공유 및 감성적 메시지 전달이 가능한 소셜 플랫폼 기능을 통합했습니다. 이를 통해 '손 끝으로 그려지는 추억, 손 끝으로 전달되는 감동'을 공유할 수 있는 포용적 디지털 환경을 완성했습니다.

기획 사항

1️⃣시각장애인 접근성 중심의 점자문서 제작 시스템 기획 시각장애인도 쉽게 사용할 수 있는 점자문서 제작 시스템을 기획했습니다. 점자 편집부터 프린팅까지 비전문가도 사용 가능한 워크플로우를 제공하도록 설계하여 복잡한 기술적 지식 없이도 직관적으로 점자문서를 작성하고 출력할 수 있는 사용자 친화적 프로세스를 구축하고자 했습니다. 접근성(A11y)을 고려한 UI/UX 설계를 적용하여 시각장애인을 비롯한 다양한 장애 유형의 사용자들이 불편함 없이 시스템을 활용할 수 있는 포용적 인터페이스 개발을 목표로 설정했습니다. 2️⃣FIDO 기반 보안 로그인 시스템 기획 보안성과 편의성을 갖춘 로그인 기능을 기획했습니다. 비밀번호 입력 없이 간편하고 안전한 로그인(FIDO 기반) 시스템을 도입하여 생체인식이나 하드웨어 토큰을 활용한 차세대 인증 방식을 통해 보안성을 강화하면서도 사용자 편의성을 극대화할 수 있는 인증 체계를 구축하고자 했습니다. 사용자별 맞춤형 대시보드 및 서비스 설정 기능을 제공하여 개인의 사용 패턴과 선호도에 따라 최적화된 작업 환경을 제공할 수 있는 개인화 시스템을 개발하고자 했습니다. 3️⃣통합 출판 환경 및 소셜 기능 기획 출판 시스템과 사용자 간의 연결을 기획했습니다. 점자문서 작업 이후 인쇄까지 자연스럽게 이어지는 통합 출판 환경을 구축하여 편집, 검토, 승인, 출력의 전 과정이 하나의 플랫폼 내에서 끊김 없이 진행될 수 있는 원스톱 워크플로우 시스템을 개발하고자 했습니다. 사용자 간 콘텐츠 공유 및 감성적 메시지 전달이 가능한 구조를 설계하여 단순한 문서 제작을 넘어서 커뮤니티 기반의 소통과 협업이 가능한 소셜 플랫폼 기능을 통합하고자 했습니다.

작업 내역

💡시각장애인 접근성 최적화 UI/UX 설계 완료 시각장애인 접근성 최적화 UI/UX 설계를 완료했습니다. 스크린 리더 호환 및 키보드 내비게이션 중심 인터페이스를 적용하여 시각장애인 사용자들이 마우스 없이도 키보드만으로 모든 기능에 접근할 수 있도록 구현했으며, 스크린 리더가 정확하게 화면 내용을 읽어줄 수 있는 구조적 마크업을 적용했습니다. 고대비 색상과 음성 안내 기능을 도입하여 실사용 편의성을 강화했으며, 시각적 구분이 어려운 사용자를 위한 명확한 색상 대비와 중요한 작업 단계마다 음성으로 안내하는 기능을 통해 사용자의 작업 효율성을 향상시켰습니다. 💡점자 편집부터 출력까지 One-Stop 제작 시스템 구축 완료 점자 편집부터 출력까지 One-Stop 제작 시스템을 구축했습니다. 웹 기반 점자문서 작성 및 저장, 출력 연동 기능을 개발하여 사용자가 별도의 소프트웨어 설치 없이 웹 브라우저만으로 점자문서를 작성하고 클라우드에 저장한 후 바로 출력까지 연결할 수 있는 통합 환경을 제공했습니다. 점자 규칙 자동 적용 및 프리뷰 기능을 포함하여 사용자의 문서 완성도를 향상시켰으며, 복잡한 점자 변환 규칙을 시스템이 자동으로 처리하고 실제 출력 전 미리보기를 통해 오류를 사전에 확인할 수 있는 기능을 구현했습니다.

OUTPUT
portfolio-image/file/2024_11_27/1732688426594_1728970202188_터칭메모리_1.webp
portfolio-image/file/2024_11_27/1732688426594_1728970202188_터칭메모리_2.webp
portfolio-image/file/2024_11_27/1732688426594_1728970202188_터칭메모리_3.webp
wave-imagewave-image
Contact US
프로젝트 시작을 고민중 이신가요?
데브파이브와 함께 당신의 프로젝트를 완벽하게 시작해보세요.
/images/main/contact_us/guide-icon.webp
가이드 라인처음 프로젝트를 준비 중이신가요? 데브파이브의 가이드를 참고해 개발 프로세스부터 기술 스택까지 한눈에 파악해보세요.
/images/main/contact_us/inquiry-icon.webp
견적 및 문의빠르고 쉬운 견적으로 데브파이브와 함께 프로젝트를 시작해보세요.