사용자의 불편함을 개선하기 위해 끊임없이 고민합니다.
E-mail | anminju0310@gmail.com
Phone | 010-5364-3695
Git Hub | anminju08
Birth | 2008-05-22
Next.js, React, TypeScript, FastAPI, React Native
Styled-Components, Emotion
특성화, 특목고 입학희망자에게 투표기반 가이드 제공 서비스
프론트엔드/3명 백엔드/2명
저희 학교처럼 특성화고, 특목고에 입학을 희망하는 학생들은 학교에 대한 정보를 찾기 어렵습니다. 학교홈페이지와 같은 공식적인 서비스에서는 입학정보는 쉽게 찾을 수 있으나, 학교분위기나 실제 생활을 알기에는 한계가 있습니다. 중학생들이 알기 어려운 학교 분위기와 실제 생활 정보를 재학생들의 투표를 통해 생생하게 전달하여 진학 결정을 도울 수 있습니다.
메인페이지와 가이드페이지, 어드민 페이지의 퍼블리싱과 api연결을 도맡아 개발했습니다.
<aside>
</aside>
메인페이지 오늘의 투표와 인기가이드 등 빠른 이동을 할 수 있습니다.
투표 제작기 궁금한 내용을 투표로 만들어 올릴 수 있습니다. AI를 사용해서 선지를 추천 받을 수 있습니다.
투표하기 재학생들이 투표를 진행합니다.
가이드 보기 투표 결과를 바탕으로 AI가 정리한 가이드를 볼 수 있습니다.
Problem & Solved1
🚨사용자의 입장을 고려하지 못한 UI
서비스의 주요 대상은 중학생 사용자였음에도 불구하고, 초기 개발 단계에서 이를 충분히 반영하지 못했습니다. 저희 팀은 PC 환경에 익숙한 학생들로 구성되어 있었고, 이에 따라 노트북 기반 레이아웃으로 UI를 설계했습니다. 그러나 실제 중학생 사용자들은 PC보다 스마트폰 사용 비중이 훨씬 높기 때문에, 초기 설계는 사용자 특성과 맞지 않는 문제가 있었습니다.
또한 React Native를 활용해 앱 형태로 제공하려 했으나, 설치 과정이 필요하여 접근성을 저하시킨다는 점도 문제가 되었습니다.
💡문제점을 해결한 아이디어 & UI
이러한 문제를 해결하기 위해 서비스의 v2 기획을 전면적으로 다시 검토했습니다. 우선, 접근성을 높이기 위해 앱이 아닌 웹 기반으로 서비스를 제공하기로 결정했습니다. 그리고 스마트폰 사용성이 높은 사용자 특성을 반영하여 전체 레이아웃을 모바일 중심으로 재설계했습니다. 이를 통해 중학생 사용자들도 별도의 설치 과정 없이 웹 브라우저에서 바로 접속할 수 있으며, 스마트폰 화면에서도 편리하게 이용할 수 있는 환경을 구축했습니다.
<aside>
</aside>
→ 사용자를 고려하지 않은 v1 UI
<aside>
</aside>
→ 유저를 고려한 v2 UI
Problem & Solved2