WEBSITE / DESIGN SAMPLE
2026 / AURORA SOUNDFormkey
검색, 메모와 집중을 하나의 흐름으로
자체 제작 웹사이트 샘플작업 설명
업무 도구를 소개하는 화면에서는 기능의 이름과 함께, 실제로 쓰는 모습을 보여줄 필요가 있다고 봤습니다. Formkey는 검색과 메모, 집중 타이머를 한곳에서 사용하는 가상의 생산성 도구입니다. 첫 화면에서 제품의 인상을 만들고, 바로 아래에서 그 인상을 사용 경험으로 이어가도록 구성했습니다.
붉은 입체 그래픽과 큰 영문 제목으로 시선을 모으고, 설명은 짧게 두었습니다. 배경은 천천히 움직이지만 제목은 등장한 뒤 자리를 지킵니다. 제품의 활기를 느끼면서도 문장을 편하게 읽을 수 있도록 움직이는 부분과 읽는 부분의 역할을 나눴습니다.
검색창에 글자를 입력하고, 메모를 남기거나 타이머를 켜보며 기능을 이해할 수 있습니다. 단축키와 모바일 메뉴, 모션 정지 버튼도 함께 마련했습니다. 방문자가 직접 눌러보는 짧은 과정 안에서 이 도구가 어떤 일을 돕는지 알아보게 하는 데 초점을 맞췄습니다.
샘플 사이트 보기
가상 사업체의 시연용 사이트입니다. 앱 설치, 계정 연결과 문의 전송은 진행하지 않습니다.


가상 사업체를 위한 자체 제작 샘플입니다. 사진과 장면은 각 사이트의 출처 및 사용 조건을 따르며 실제 고객 실적을 나타내지 않습니다.
이 작업의 판단 읽기
멋진 첫 화면 다음에, 제품이 하는 일이 보여야 합니다.
업무용 서비스의 홈페이지라면, 인상을 만드는 그래픽과 사용을 설명하는 화면은 어떤 순서로 이어져야 할까요? Formkey 디자인을 바탕으로 살펴봅니다.
브랜드 노트에서 읽기