영어스터디센터 반응형 포트폴리오
PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
we deliver outcomes that satisfy everyone.
- 영어스터디센터 반응형
- 개발분야 : Website(웹사이트) / Responsible website(반응형웹) / AI 영어 말하기 학습 플랫폼(반응형웹)
영어스터디센터 반응형
AI 기반 영어 말하기 학습 플랫폼
AI 기반 영어 학습 서비스를 중심으로, 토론·회화·게임형 학습 등
다양한 맞춤형 콘텐츠를 통해 실질적인 영어 말하기 능력을 향상시키는 플랫폼입니다.
AI 기술과
실시간 학습 데이터를 활용하여 사용자의 학습 수준에 맞는 토론, 회화, 분석 콘텐츠를 제공합니다.
말하기 중심 학습 구조 기획
고급·중급·초중급 토론 그룹과 한국어 경제 토론, AI 프로그램까지 많은 과정을
센터 소개·온∙오프라인 그룹 토론·AI 음성토론·후기 및 신청문의 4개 대메뉴로 묶어 구조를 단순하게 정리했습니다.
토론 그룹 페이지는 참가 대상과 진행 방식을 먼저 설명한 뒤, 요일별 시간표에서 온라인은 초록
오프라인은 남색으로 구분해 원하는 시간대를 한눈에 고를 수 있게 했습니다.
메인은 'Discuss in English. Think Beyond.' 타이포와 01~06 강점 리스트로 센터의 철학을 전달합니다.
학습 친화적 인터페이스 디자인
모바일에서도 로고 옆 '문의하기' 버튼을 그대로 유지하고, 헤더 바로 아래에 4개 대메뉴를 한 줄로 노출해
햄버거 메뉴를 열지 않아도 주요 페이지로 바로 이동할 수 있게 했습니다.
운영취지처럼 긴 소개글은 넉넉한 줄간격의 한 단 레이아웃으로 바꿔
작은 화면에서도 편하게 읽히도록 했습니다.
지도와 교통 안내, 전화·카카오톡 아이콘을 세로로 차례대로 배치해
이동 중에도 쉽게 찾아올 수 있도록 구성했습니다.
웹사이트 UX/UI 최적화
상단 헤더를 고정하고 오른쪽에 초록색 '문의하기' 버튼을 두어,
어느 페이지에서든 팝업 문의창으로 바로 상담을 신청할 수 있게 했습니다.
메인 하단에는 외교원 합격자들의 실제 후기를 초록색 배경 위 카드로 모아 보여줘,
신청 직전 단계에서 신뢰를 높이도록 설계했습니다.
오시는 길은 지도와 함께 이대역 2번 출구 도보 1분 등 대중교통 정보를 정리하고,
푸터에 전화·카카오톡 채널을 모아 연락 동선을 짧게 만들었습니다.
