8-3 · 세 번째 회차

앱 첫 화면과 시간표 고르기

이번엔 수강생이 폰에서 보는 화면입니다. 폰 크기 그대로 그렸습니다. 맨 아래 탭 네 개(둘러보기 · 시간표 · 내 신청 · 공지)는 어느 안에서나 같습니다.

색은 8-1에서 정한 대로 고정 바탕 맑은 흰색 강조 파랑
사진 자리 — `images/` 폴더가 비어 있어서 큰 색면으로 채웠습니다. 나중에 직접 찍으신 사진을 그 자리에 넣으면 그대로 바뀝니다.
기억할 것 — 둘러보기는 로그인 없이 보입니다. 신청은 등록해 둔 분만 되니, 신청을 누르면 로그인으로 넘어갑니다.

둘러보기 앱 첫 화면 · 로그인 없이 보인다

처음 들어온 사람이 “여기 뭐 하는 데지”를 3초 안에 알아야 하는 화면입니다. 간판을 얼마나 크게 두느냐로 셋이 갈립니다. 세 안 모두 아래쪽에 신청하기 버튼이 고정되어 따라옵니다.

A큰 표지인상이 세다

첫 화면을 간판이 가득 채웁니다. 오늘 열리는 건 한 번 내려야 보입니다.

9:41손끝 공방

손끝 공방

주말에 한 번,
손으로 만드는 하루

오늘 열리는 것

10:00도자기 물레2 / 8
14:00가죽 카드지갑2 / 6
19:30캔들 만들기마감

어떤 곳인가

망원동 골목 안 작은 공방입니다. 처음 오셔도 두 시간이면 하나를 완성해 가실 수 있게 준비해 둡니다.

공지추석 연휴(10/3~10/6)에는 클래스를 열지 않습니다.
둘러보기
시간표
내 신청
공지

장점

  • 뭐 하는 곳인지 바로 읽힌다
  • 사진으로 바꾸면 제일 예쁘다

약점

  • 오늘 열리는 것이 한 번 내려야 보인다

왜 이렇게

처음 온 사람을 앞에 둔 안.

B표지를 반만둘 다 첫 화면에

간판을 화면 절반으로 줄이고, 바로 아래 오늘 열리는 것을 붙입니다.

9:41손끝 공방

손끝 공방

주말에 한 번, 손으로 만드는 하루

오늘 열리는 것

10:00도자기 물레2 / 8
14:00가죽 카드지갑2 / 6
19:30캔들 만들기마감
공지추석 연휴(10/3~10/6) 휴무입니다.

어떤 곳인가

망원동 골목 안 작은 공방입니다. 처음 오셔도 두 시간이면 하나를 완성해 가실 수 있습니다.

둘러보기
시간표
내 신청
공지

장점

  • 간판과 오늘 것이 한 화면에 들어온다
  • 처음 온 사람도, 다시 온 사람도 쓸 만하다

약점

  • 둘 다 어중간해 보일 수 있다

왜 이렇게

가운데를 잡은 안.

C바로 본론다시 오는 사람용

간판 없이 상호 한 줄. 곧바로 오늘·이번 주 열리는 것부터 보여줍니다.

9:41손끝 공방

손끝 공방

주말에 한 번, 손으로 만드는 하루

오늘

10:00도자기 물레2 / 8
14:00가죽 카드지갑2 / 6
19:30캔들 만들기마감

이번 주

수 19:30도자기 물레1 / 8
금 19:30가죽 카드지갑2 / 6
토 10:00도자기 물레5 / 8
공지추석 연휴(10/3~10/6) 휴무입니다.
둘러보기
시간표
내 신청
공지

장점

  • 쓰던 사람에게 제일 빠르다
  • 한 화면에 담기는 정보가 많다

약점

  • 처음 온 사람에겐 뭐 하는 덴지 안 보인다
  • 시간표 탭과 비슷해 보인다

왜 이렇게

간판보다 쓸모를 앞에 둔 안.

 A 큰 표지B 표지를 반만C 바로 본론
첫 화면이 말하는 것어떤 공방인지어떤 공방인지 + 오늘 뭐가 열리는지오늘 뭐가 열리는지
사진을 넣으면제일 크게 들어간다절반 크기로 들어간다넣을 자리가 없다
고르는 기준새 손님에게 보여줄 일이 많으면둘 다 놓치기 싫으면오던 분들이 주로 쓰면

시간표 여기서 신청한다

열린 클래스를 보고 신청하는 화면입니다. 먼 날짜로 어떻게 가느냐로 셋이 갈립니다. 자리가 차면 마감으로 막히고 대기는 없습니다.

A날짜별 스크롤제일 단순

날짜 순서로 쭉 이어집니다. 손가락만 내리면 됩니다.

9:41시간표

시간표

신청은 시작 2시간 전까지 취소됩니다

오늘 · 9월 16일 화
10:00
도자기 물레
2시간 · 정원 8
2 / 8
14:00
가죽 카드지갑
2시간 · 정원 6
2 / 6
19:30
캔들 만들기
1시간 30분
마감
9월 17일 수
19:30
도자기 물레
2시간 · 정원 8
1 / 8
9월 19일 금
19:30
가죽 카드지갑
2시간 · 정원 6
2 / 6
둘러보기
시간표
내 신청
공지

장점

  • 배울 게 없다. 내리기만 하면 된다
  • 빈 날은 아예 안 나와 깔끔하다

약점

  • 먼 날짜는 오래 내려야 한다

왜 이렇게

폰에서 제일 익숙한 모양.

B위에 달력원하는 날로 바로

위쪽 달력에서 날을 누르면 그날 것만 아래에 뜹니다. 클래스가 있는 날엔 표시가 붙습니다.

9:41시간표

시간표

9월

15161718192021
22232425262728
293012345
9월 16일 화 · 오늘
10:00
도자기 물레
2시간 · 정원 8
2 / 8
14:00
가죽 카드지갑
2시간 · 정원 6
2 / 6
19:30
캔들 만들기
1시간 30분
마감
둘러보기
시간표
내 신청
공지

장점

  • 다음 주, 다다음 주로 바로 간다
  • 어느 날에 열리는지 한눈에 보인다

약점

  • 달력이 화면 위쪽을 먹는다
  • 만들 게 한 겹 더 있다

왜 이렇게

날짜를 먼저 정하는 사람을 앞에 둔 안.

C이번 주 한 화면한 주가 한눈에

이번 주 일곱 날을 한 화면에 세로로 쌓습니다. 주 단위로 넘깁니다.

9:41시간표

시간표

9월 15일 — 9월 21일

15
16
17
18
19
20
21
15
19:30캔들 만들기
4 / 10
16
10:00도자기 물레
2 / 8
14:00가죽 카드지갑
2 / 6
19:30캔들 만들기
마감
17
19:30도자기 물레
1 / 8
18
열린 클래스 없음
19
19:30가죽 카드지갑
2 / 6
둘러보기
시간표
내 신청
공지

장점

  • 한 주 흐름이 보인다
  • 웹 「주간」과 모양이 같아 말이 통한다

약점

  • 폰이 좁아 글씨가 작아진다
  • 빈 날도 자리를 차지한다

왜 이렇게

웹 주간(A 시간×요일 표)과 짝을 맞춘 안.

 A 날짜별 스크롤B 위에 달력C 이번 주 한 화면
먼 날짜로 가는 법계속 내린다달력에서 누른다주 단위로 넘긴다
글씨 크기크다크다작아진다
추가로 드는 일없음달력 한 겹주 넘기기
고르는 기준가까운 날만 신청하면미리 잡아두는 분이 많으면한 주를 통으로 보여주고 싶으면
짚어둘 것 — 시간표 B와 C는 겹치지 않습니다. 달력으로 날을 고르면서 한 주도 보고 싶으시면 B+C 라고 말씀해 주세요.

어느 걸로 할까요

둘러보기
시간표