이번 프로젝트는 학원 강사의 홈페이지를 아임웹을 통해 제작한 사례입니다. 클라이언트는 단순한 소개를 넘어, 학생별 성적 관리와 과제 제출을 체계적으로 운영할 수 있는 온라인 시스템을 원했습니다. 따라서 본 프로젝트의 핵심은 ‘정보를 구조화된 방식으로 정리하고, 운영자와 학생 간의 소통을 효율화하는 구조’를 만드는 것이었습니다.
학생별 성적표는 이미지나 PDF로 제공된다는 점을 고려하여, 조교가 학생 성적표를 업로드할 수 있는 게시판 구조를 만들고, 비밀 게시판 기능을 활용해 학생과 부모만 접근 가능한 형태로 커스터마이징했습니다. 또한 학생들이 자신의 과제를 업로드할 수 있도록 파일 첨부 기능이 포함된 제출 폼을 별도로 제작했습니다. 이는 조교가 수집된 자료를 일괄 다운로드하고 관리할 수 있는 운영 효율성도 고려한 설계입니다.
디자인 측면에서는 ‘보라국어’라는 이름에 걸맞게, 전반적인 색감을 보라색 계열로 통일하며 브랜드 아이덴티티를 강화했습니다. 차분하고 신뢰감 있는 무드의 라벤더 톤을 기반으로 메인 컬러를 설정하고, 각 섹션마다 시각적 통일감을 주기 위해 여백, 폰트 톤, 버튼 색상 등을 조율했습니다. 이로써 전문성과 감성 모두를 전달할 수 있는 화면 구성을 의도했습니다.
또한 모바일에서도 동일한 UX를 제공하도록 전 섹션을 반응형으로 조정했으며, 복잡하지 않으면서도 목적이 분명한 UI를 유지하는 데 중점을 두었습니다.
이번 프로젝트는 단순한 정보 전달이 아닌, 운영 시스템과 브랜딩을 함께 담아낸 결과물로, 기능성과 디자인 사이의 균형을 맞추는 데 집중했습니다.
포트폴리오를 불러오고 있어요
