Moka

Elearning
LMS
EDTECh
web app

파이널 결과

결과
스크린
200+
시간
312h+
팀 구성
4 experts
예산 범위
$5k-$10k

프로젝트 개요

개요

Our goal was to create an AI-powered academic assistant that functions as a comprehensive ecosystem for schools.

We aimed to design an intuitive, low-friction interface for students to receive 24/7 academic support, while simultaneously providing educators and administrators with robust dashboards and actionable insights to enhance learning outcomes.

챌린지

The primary challenge was to design for four distinct user roles, each with radically different needs, on a single platform.

We had to translate complex AI functionality into a friendly, approachable interface for students, while also creating professional and data-rich dashboards for educators.

Ensuring a cohesive, intuitive experience across all interfaces and maintaining a supportive tone were key.

결과

The outcome was a successful design of MOKA as a comprehensive and intuitive academic assistant.

We delivered an effortlessly helpful student chat interface and a powerful, data-driven dashboard for educators. This design successfully unifies the needs of all user roles, establishing MOKA as a scalable tool that enhances the modern learning experience.

의 범위

정보
아키텍처
디스커버리
5h
사용자 흐름
45h
와이어프레임
95h
브랜딩 및 로고
UI 및 디자인 시스템
137h
랜딩 페이지
배송
10h
개발
적응형
20h
애니메이션

디스커버리

How we started: Our Discovery phase for MOKA involved a deep dive into the B2B academic domain, meticulously analyzing the distinct needs of students, educators, and administrators.

This foundational research helped us understand the unique challenges of building a comprehensive AI ecosystem that is both a friendly, low-friction tool for students and a powerful, data-driven platform for educators.

항목을 찾을 수 없습니다.

User flow

We meticulously crafted comprehensive user flows to navigate the multi-role ecosystem of MOKA.

This involved charting distinct journeys for students seeking academic help, educators analyzing performance dashboards, and administrators viewing system-wide insights.

전환율을 높이는 재설계를 원하시나요?

사려 깊은 사용자 중심 설계로 제품 경험을 혁신하고 실제 비즈니스 성과를 창출하는 방법을 알아보십시오.설계와 전략이 조화를 이룰 때 무엇이 가능한지 알아보십시오.

재설계에 대해 알아보기
항목을 찾을 수 없습니다.

와이어프레임

Our wireframing process for MOKA was crucial for structuring the platform's complex functionality into a clear, usable layout. We focused on organizing the flow of the student chat assistant and the vast information hierarchy of the educator dashboards.
항목을 찾을 수 없습니다.

UI 프로토타입

항목을 찾을 수 없습니다.

브랜딩 및 로고

브랜딩
로고

무드보드 + 3가지 스타일

무드보드
To update the visual style, we prepared three moodboards with distinct directions for the client to choose from. Once a mood was selected, we designed 4 variations (styles) of 3 key screens — each with unique details but a shared tone — to bring the style to life in the actual product context.
항목을 찾을 수 없습니다.

UI 및 디자인 시스템 단계

UI 및 디자인 시스템
At the UI stage, we designed a new UI for MOKA that brings its innovative brand style to life across all user interfaces. The design ensures a seamless and visually coherent experience, from the student’s approachable chat screen to the educator’s dashboard.
항목을 찾을 수 없습니다.
이것은 이 사람들이 뛰어났던 대규모 디자인 프로젝트였습니다.
사용자 경험 에이전시로서의 전문성은 전반적으로 잘 드러났으며, 특히 사용자 테스트와 원활한 사용자 흐름 구축의 세부 사항에 주의를 기울였다는 점에서 두드러졌습니다.

향후 작업을 위해 다시 고용할 예정이며 적극 추천합니다!
Infinite Touch client portrait — partner in UX collaboration project
라일리 토마스
제품 담당 디렉터

실제 모습 보기: 무료로 새롭게 디자인된 2개의 UI 화면

아직 확신이 없으신가요?화면 2개를 무료로 새롭게 디자인하세요—그리고 그 차이를 직접 확인해 보세요.

전화 예약

랜딩 페이지

항목을 찾을 수 없습니다.

애니메이션

애니메이션

배송

The Delivery phase for MOKA culminated in a comprehensive set of high-fidelity Figma mockups for key screens. These detailed mockups, along with our documentation on user flows and the UI style, served as a clear and precise blueprint for the developers.
항목을 찾을 수 없습니다.

개발

다음과 같이 동봉되었습니다.
실제 데모 보기
개발 시간
연간 평균 비용 절감
고객 만족도
항목을 찾을 수 없습니다.
얘기 좀 하자!
연락만 주시면 이메일을 보내드리겠습니다. 10분
힌트 텍스트
힌트 텍스트
힌트 텍스트
힌트 텍스트

데이터를 제출하면 당사의 약관에 동의하는 것으로 간주됩니다. 서비스 약관개인정보 보호 정책.

양식을 작성해 주셔서 감사합니다!
메일함을 확인해 보세요. 방금 답장을 보냈어요.
죄송합니다!양식을 제출하는 중에 문제가 발생했습니다.
힌트 텍스트
힌트 텍스트
힌트 텍스트
힌트 텍스트

데이터를 제출하면 당사의 약관에 동의하는 것으로 간주됩니다. 서비스 약관개인정보 보호 정책.

양식을 작성해 주셔서 감사합니다!
메일함을 확인해 보세요. 방금 답장을 보냈어요.
죄송합니다!양식을 제출하는 중에 문제가 발생했습니다.