Skip to content
와이어 프레임학습 기록

Making the wireframe for our team project in Figma

1 min readLearningMoved from my Tistory blogRead the Korean original

First, I asked my mentor to review the pre-planning I wrote earlier, and got the following reply.

Mentor: Once it's written more concretely, based on the wireframe and the service, I'll comment again.

So I had a meeting with the other frontend developer I'm working with, and we made a wireframe in Figma.

https://www.figma.com/file/1koGclNNTmJZVIykCVl1JZ/1seok4jo?node-id=0%3A1&t=H5z5MrQVO2osZPOr-1

Figma

In university I did this kind of work in PowerPoint... Figma is still unfamiliar to me, but I think it went much more smoothly and I finished faster.

Also, while drawing the UI, I thought again about the information users have to enter when they sign up and when they write a travel post.

Information entered at sign-up

  1. ID

  2. Password

  3. Confirm password

  4. Name / nickname (no duplicates) 5. Phone number 6. One sentence introducing yourself (ex: I'm in my 20s and I love traveling.)

Information entered when writing a travel post

  1. Category (ex: sea, mountain, city)

  2. Title

  3. Date (travel period)

  4. Place (address)

  5. Trip description

  6. Attached travel images (whether to limit the number of photos; thinking 5 for now)

  7. Recommended for these people.

With that, the wireframe work is done.

  • #wireframe
  • #Zerobase Frontend School

More in Learning