본문으로 건너뛰기
데이브스톤 브랜딩 에이전시 로고

작업 사례

맥으로 바꾼 순간, 손이 먼저 적응하도록

MacKeys

교육·생산성 웹 서비스 · 자체 서비스 기획·개발

홈페이지·랜딩AI·자동화콘텐츠·SNS

윈도우에 익숙한 사용자가 Command와 Option 키 앞에서 멈추는 문제를 발견하고, 사용자별 과정과 실제 키 입력 훈련을 갖춘 맥 키보드 적응 서비스를 기획하고 출시했습니다.

MacKeys 맥북 키보드 무료 연습 서비스 첫 화면

함께한 일

이 프로젝트에서 한 일

주변의 맥 전환자가 Command 키 앞에서 멈추는 모습을 서비스 문제로 정의했습니다. 사용자 유형, 3개 과정, 단계별 통과 기준을 먼저 문서로 설계하고 AI와 함께 실제 키 입력을 인식하는 웹 서비스로 구현했습니다.

서비스 기획UX 설계바이브코딩 개발SEO 콘텐츠

우리가 붙잡은 질문

윈도우 사용자의 오래된 손 습관을, 설명이 아니라 직접 누르는 연습으로 어떻게 바꿀까?

01 · 처음의 고민

맥을 샀지만 손은 계속 윈도우 키를 찾았습니다.

  • 윈도우에서 맥으로 전환한 사람은 타이핑에는 익숙해도 Command, Option, Control과 한영 전환처럼 맥 고유 키에서 자주 멈췄습니다.
  • 기존 타자 연습은 윈도우 키보드를 기준으로 해 맥 키 배열과 단축키를 단계적으로 익히기 어려웠습니다.
  • 타이핑 초보자와 윈도우 전환자는 출발점이 달라 같은 기초 과정을 일괄적으로 보여주면 불필요한 이탈이 생깁니다.

02 · 답을 찾은 곳

단축키는 읽어서 외우는 정보가 아니라 손이 기억해야 하는 동작입니다.

  1. 01

    타이핑 초보자는 손가락 위치부터, 윈도우 전환자는 맥 전용 키부터 시작해야 같은 서비스 안에서도 필요한 연습만 할 수 있었습니다.

  2. 02

    가상 키보드를 실제 키 비율과 손가락별 영역에 맞춰 구현하고, 글자가 아닌 물리 키 위치를 인식해 한글 조합 입력의 오류를 줄였습니다.

  3. 03

    기초 자리연습, macOS 키보드 적응, 실전 타이핑의 3개 과정으로 나누고 정확도와 CPM을 바로 보여줘 연습 결과를 확인하게 했습니다.

  4. 04

    회원가입 없이 시작하고 진도를 브라우저에 저장해, 맥 적응이 필요한 순간 바로 연습할 수 있게 했습니다.

03 · 이렇게 풀었습니다

사용자 유형부터 나누고 실제 키 입력 중심으로 만들었습니다.

  1. 01

    사용자와 커리큘럼을 먼저 문서로 설계

    타이핑 초보자와 윈도우 전환자를 구분하고, 기초 자리부터 맥 전용 키와 실전 문장까지 이어지는 과정과 통과 기준을 먼저 정리했습니다.

  2. 02

    실제 키 입력을 받는 연습 경험 구현

    화면 속 키보드와 사용자의 물리 키 입력을 연결하고 CPM, 정확도, 시간과 오타를 실시간으로 확인하도록 구현했습니다.

  3. 03

    서비스와 검색 콘텐츠를 함께 출시

    한국어·영어 화면을 제공하고 맥 전환, 한영 입력, 단축키와 타이핑 가이드를 연습 서비스로 연결해 검색에서 발견되는 구조를 만들었습니다.

04 · 함께 만든 것

기획에서 운영까지

  • 서비스 기획 문서
  • 사용자별 온보딩
  • 3개 과정의 키보드 커리큘럼
  • 실시간 입력·정확도·CPM 측정
  • 한국어·영어 지원
  • 맥 활용 가이드 콘텐츠

기획, 실제 입력을 처리하는 서비스 구현, 검색 콘텐츠와 운영 페이지까지 연결해 회원가입 없이 바로 사용할 수 있는 자체 서비스를 출시했습니다.

작업 더 보기

실제 운영 화면

MacKeys 맥북 키보드 연습 서비스 메인 화면
첫 화면에서 맥 키보드 적응, 실시간 타수 측정, 단계별 커리큘럼과 한국어·영어 지원을 설명하고 바로 무료 연습으로 연결합니다.
MacKeys 키보드 모델 선택 온보딩 화면
MacBook·Magic Keyboard와 숫자 키패드 모델을 먼저 선택해 실제 사용 중인 키 배열과 맞는 연습 환경을 준비합니다.
MacKeys 손가락 홈 포지션 안내 화면
타이핑 초보자는 왼손과 오른손의 홈 포지션부터 확인하고, 윈도우 전환자는 불필요한 기초 단계를 건너뛸 수 있도록 시작점을 나눴습니다.
MacKeys macOS 전용 키 실시간 연습 화면
Command, Option, Control과 fn 키를 직접 누르며 연습하고 CPM, 정확도, 경과 시간과 오타를 실시간으로 확인합니다.

이 프로젝트의 공개 기록은 MacKeys 실제 운영 페이지와 MacKeys 바이브코딩 제작기에서도 확인할 수 있습니다.

지금 겪는 일도 함께 풀어볼까요?

지금 가장 많이 하는 고민을 들려주세요. 가장 효율적인 작업 목록과 예산을 제안해 드리겠습니다.

신청하신 방식으로만 연락드립니다. · 24시간 내 회신

← 다른 작업 사례 보기
무료 상담 신청카카오 상담