고객 성공 사례

5

분 소요

일상 인터페이스를 새롭게 구상한 14개의 인터랙티브 프로토타입

ProtoPie 5.0 플레이오프 우승자들이 만든 프로토타입을 소개합니다!

Adriana Diaz, Social Media Manager

7월에 ProtoPie에서는 Dribbble에서 디자인 공모전 “ProtoPie 5.0 Playoff”를 개최했으며, 참가자들은 일상적인 인터페이스를 개선하는 새로운 인터랙션 디자인을 제작해야 했습니다. 단 2주 만에 전 세계 여러 국가와 지역에서 거의 150개의 작품이 접수되었습니다.

참가자들의 창의성은 심사위원들을 압도하게 했고, 각 프로토타입은 저마다의 개성을 지니고 있었습니다. 여러 심사위원이 제출된 모든 프로토타입을 검토한 끝에, 큰 어려움 속에서 최종적으로 가장 뛰어난 14개의 출품작을 선정했습니다.

하단에서 직접 보고 체험해 볼 수 있는 14개의 최고의 프로토타입을 확인하세요.

🏆 대상 수상작

Khonok Lee의 Calendar Animation


calendar animation prototype gif


Khonok Lee 제작

중국의 Khonok Lee는 캘린더 앱을 재디자인하여, 핀치 제스처로 일정의 표시 범위를 확장했고 사용자는 직접 클릭하지 않고도 일정의 세부 정보를 확인할 수 있습니다. 또한 손가락으로 일정 범위를 직접 드래그해 시간을 변경할 수도 있습니다. 인터랙션은 매우 간단하고 직관적입니다. (Pie 링크) (Dribbble 제출작)

🏆 준우승 수상작 (총 3명)

Ahmed Amr의 Mocky App


web application prototype tool gif


Ahmed Amr 제작

제작자는 ProtoPie를 사용해, 디자이너가 목업에서 자신의 디자인을 애니메이션으로 구현할 수 있는 웹 애플리케이션 프로토타입 도구를 만들었습니다. (Pie 링크) (Dribbble 제출작)

Edmund Boey의 Signal Pong


signal pong mobile app game prototype gif


Edmund Boey 제작

게임 UI 디자이너도 ProtoPie를 사용해 사용자 경험을 향상시키는 게임 프로토타입을 만들 수 있습니다. 직접 체험해 보세요 (Pie 링크) (Dribbble 제출작)

Briandito Priambodo의 Email App Interaction


email app prototype gif


Briandito Priambodo 제작

제작자는 일반 이메일과 즐겨찾기 이메일을 구분하며, 사용자는 여러 이메일을 동시에 선택해 즐겨찾기 이메일을 일괄로 선택하거나 읽을 수 있습니다. (Pie 링크) (Dribbble 제출작)

🏆 결선 진출작 (총 10명)

Arpit Agrawal의 Finance App Visual Interaction 2.0


finance app prototype gif


Arpit Agrawal 제작

흰색 배경에 아름답고 다채로운 은행 카드 레이아웃이 더해져 전체 인터페이스가 간결하고 명확합니다. 은행 카드 뒷면의 정보를 볼 때는 앞뒤로 뒤집히는 동적인 효과도 추가되었습니다. (Pie 링크) (Dribbble 제출작)

Vikram Singh의 Payment App — Split a Bill Flow


payment app prototype gif


Vikram Singh 제작

메뉴를 클릭하면 화면이 작아졌다가 커지고, 이어서 다음 장면으로 전환되어 사용자의 시선을 사로잡습니다! 멋진 애니메이션을 확인해 보세요 (Pie 링크) (Dribbble 제출작)

Junhyuk Jang의 THE OFFICE


mobile card game app prototype gif


Junhyuk Jang 제작

이 작품은 오피스 테마의 카드 배틀 게임 프로토타입입니다. 와서 플레이해 보세요 (Pie 링크) (Dribbble 제출작)

Migue Nodos의 Node Player


music player for iphone prototype gif


Migue Nodos 제작

iOS 기기를 위한 미니멀리즘 중심의 플레이어입니다. 전체 UI 레이아웃과 실용성 측면에서 간단하고 편리합니다. (Pie 링크) (Dribbble 제출작)

Kalpesh Prithyani의 Coffee Machine App Prototype


coffee machine mobile app prototype gif


Kalpesh Prithyani 제작

영상으로 컵에 커피가 부드럽게 흘러 들어가는 애니메이션을 구현했습니다. ProtoPie는 이미지와 동영상뿐만 아니라 Adobe XD와 Figma 파일 가져오기도 지원합니다. (Pie 링크) (Dribbble 제출작)

Kang Changmo의 Whack-a-mole


interactive mobile game app prototype gif


Kang Changmo 제작

인터랙티브 두더지 잡기 게임! 몇 점까지 얻을 수 있을까요? (Pie 링크) (Dribbble 제출작)

Ariunbold Ankhaa의 Ride App Showcase


Ariunbold Ankhaa 제작

입력 레이어를 추가해 기기에서 네이티브 키보드를 사용할 수 있는 인터랙티브 라이드 앱입니다. (Pie Link) (Dribble 제출작)

Eugeny Entweihen의 FastMath game


mobile math game app prototype gif


Eugeny Entweihen 제작

수학을 배우며 즐기세요! 아이들의 수학 능력을 키우는 훌륭한 방법입니다. (Pie 링크) (Dribbble 제출작)

Max A. Acres의 Yoga Timer


timer app prototype gif


Max A. Acres 제작

카운트다운에 시간 진행 바의 동적인 효과를 추가해, 시간의 흐름을 더 직관적으로 보여줍니다. 전체 인터페이스는 간단하고 명확하며 기능도 매우 실용적입니다. 시간뿐만 아니라 반복 횟수도 설정할 수 있습니다. (Pie 링크) (Dribbble 제출작)

Jiaxin Z.의 Sparrow Notes App


notes mobile app prototype gif


Jiaxin Z. 제작

카드를 좌우로 드래그하는 것 외에도 화면 하단에 진행 바를 설정할 수 있습니다. 어떻게 만들었는지 확인해 보세요 (Pie 링크) (Dribbble 제출작)