프로토타이핑 (Prototyping)
지난주에 작성한 와이어프레임을 기준으로 프로토타입을 제작했다.
프로토타이핑 세부 이미지 삽입
1. 생일카페, 지하철 전광판 관련
최애 멤버의 생일 카페, 지하철 전광판 카드는 피그마 플러그인 Google Sheets Sync를 사용하여 사전에 수집한 이미지와 텍스트 정보를 연동하여 제작하였다. 플러그인을 통하여 내용을 추가할 영역의 디자인을 구성하는 레이어들의 이름을 #레이어이름 으로 지정하고, 스프레드 시트의 첫 열에 항목을 레이어이름과 똑같이 작성하면(# 제외!) 동기화가 가능하다.
사용 플러그인 (Google Sheets Sync): https://www.figma.com/community/plugin/735770583268406934
Google Sheets Sync | Figma Community
Figma Community plugin - Sync content from Google Sheets directly into your Figma file. This is not an official plugin created by Google • It is simply created with ❤️ by David Williames If you want to support the continued development of this plugin
www.figma.com
2. 레스토랑 관련
레스토랑 관련 캐러셀 카드는 피그마 플러그인 Unsplash를 사용하여 음식 이미지를 추가했다.
사용 플러그인 (Unsplash): https://www.figma.com/community/plugin/738454987945972471
Unsplash | Figma Community
Figma Community plugin - Insert beautiful images from Unsplash straight into your designs. The Unsplash License allows images to be used freely for both commercial and personal projects. Learn more about Unsplash at https://unsplash.com/about
www.figma.com
프로토타이핑 완성본
프로토타이핑 완성본은 하기 링크를 클릭하면 볼 수 있다.
Figma
Created with Figma
www.figma.com
스토리보드 (StoryBoard)
완성된 스토리보드 일부분은 다음과 같다.
최종 IA (Information Architecture)
프로토타이핑을 진행하면서 프로젝트 6주차에 작성했던 IA와 상세 기능 구조가 달라진 부분이 발생하였다. 홈 메인 화면의 구성이 달라져 프로토타입 완성 후 IA를 수정하였다.
8주차 3줄 요약
1. 프로토타이핑 완성
2. 스토리보드 작성
3. 최종 IA 작성
9주차 계획
프로젝트 최종 회고
'기획 > [새싹X러닝스푼즈 서비스기획 1기]' 카테고리의 다른 글
| [새싹X러닝스푼즈 서비스기획 1기] Project 9주차 프로젝트 최종 회고 (0) | 2023.05.10 |
|---|---|
| [새싹X러닝스푼즈 서비스기획 1기] Project 7주차 와이어프레임 제작 (0) | 2023.04.23 |
| [새싹X러닝스푼즈 서비스기획 1기] Project 6주차: 설문조사, MVP,IDI 기반 기능 도출 및 IA 설계 (0) | 2023.04.15 |
| [새싹X러닝스푼즈 서비스기획 1기] Project 5주차: MVP 제작, 고객경험조사 (0) | 2023.04.08 |
| [새싹X러닝스푼즈 서비스기획 1기] Project 4주차 페르소나 작성, 중간 발표 및 점검 (0) | 2023.04.02 |
