출결 관리 플랫폼 레슨북

2020.12
Design 100% · Markup 100%
Responsive Web

1Project Background

  • Brief

    레슨북은 쉬운 학생 스케줄 관리를 위한
    선생님용 출결관리 플랫폼이에요.
    관리자 페이지 내 월별 스케줄 페이지를
    디자인했어요.

  • Situation

    실내에서 가르치는 필라테스 선생님,
    야외에서 활동하는 골프 선생님을 위해
    어디서든 볼 수 있는 캘린더 기반의
    관리 플랫폼이 필요해요.

2Project Goal

PC와 타블렛에 사용
가능한 반응형 웹

캘린더를 기반으로 한눈에 들어오는 스케줄

선생님을 위한 효율적인 화면구성

3Project Overview

G r a b and S w i p e

캘린더를 월간, 주간으로 나누어 볼 수 있어서 깔끔하고 관리하기 좋아요.

유기적인 스케줄 관리를 위해 캘린더 베이스의 일정관리 페이지를 디자인했어요.

토글 버튼으로 수업이 있는 시간대만 볼 수 있어서 편해요!

수업이 없는 빈 시간은 컨텐츠 공간을 차지하고, 스케줄을 한눈에 보는데 방해가 돼요. 토글버튼으로 수업이 있는 시간만 볼 수 있어요.

PC는 물론, 타블렛으로도 볼 수 있어서 야외수업도 걱정없어요.

반응형 웹을 구현해 PC화면이나 타블렛으로 어디서든 관리할 수 있어요.

학생 출·결석을 컬러별로 한눈에
보기 쉬워서 학생이 많아도 괜찮아요.

출결 상태를 간단하게 나타내고자 고민했어요🤔
컬러만으로 바로 출결 상태를 확인할 수 있어서 학생이 많아져도 쉽게 구분할 수 있어요.

4Design · Markup

일정관리

2021년 1월
이전 달력
월
화
수
목
금
토
일
26
27
28
29
30
31
1
2
3
4 일정 5
  • 탁동영 2
  • 조건희
  • 최지훈 2
  • 김연수
  • 최지희
5 일정 4
  • 이은정
  • 탁동영
  • 신정숙2
  • 김연수
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
2021.01.05(목)
예약 완료 결석
  • 10:00 10:30
    여자아이콘 1
    이은정 010-0000-0000
  • 10:30 11:00
    남자아이콘 1
    탁동영 010-0000-0000
  • 11:00
  • 11:30 12:00
    여자아이콘 2
    신정숙,하정수 010-0000-0000
  • 12:00
  • 12:30
  • 13:00
  • 13:30 14:00
    여자아이콘 1
    김연수 010-0000-0000
  • 14:30
  • 15:00
  • 15:30
11:002021.01.05 (목)
시작
종료
반복설정
학생목록
  • 썸네일 하정수
  • 썸네일 탁동영
  • 썸네일 조건희
  • 썸네일 최지훈
  • 하정수(남)
    010-0000-0000
    잔여: 20 레슨: 9 예약: 1
    예약시간 : 2020-12-05(토) 9:00
  • 센터회원
    탁동영(남)
    010-0000-0000
    잔여: 33 레슨: 7 예약: 1
    예약시간 : 2020-12-05(토) 9:00
  • 조건희(남)
    010-0000-0000
    잔여: 10 레슨: 5 예약: 1