라우드소싱 수상작 - 유오더 MENU UI 디자인

 

오랜만! 오늘은 미루고 미뤄왔던 라우드소싱

수상작을 소개해보려고 한다.

이미 끝난지 꽤 된 작업물이라 기억이 잘 안나긴

하는데... 수상작이라 건너뛸 수도 없다 ㅎ

 

이번에도 작업 진행 과정 및 KPT회고로

마무리하려고 한당!

 

+그리고 라우드소싱 수상 꿀팁까지

 

---

 

1️⃣  '유오더' 회사 리서치 및 니즈 파악

 

라우드소싱 작업을 하면서 무엇보다 중요한 것은 클라이언트의 니즈라는 걸 깨달았다. 그래서 이젠 시작하기 이전에 관련된 모든 자료를 꼼꼼히 살펴보고 인사이트를 뽑아내고 키워드를 정리했다. 이렇게 정리 다 해놔도 나중에 작업하다보면 까먹거나 내 방식대로 하게 된다. ㅠ 나같은 금붕어는 작업 화면 옆에 올려두고 보면서 해야한다.

 

2️⃣  레퍼런스... 또 레퍼런스

 

레퍼런스는 많이 찾아볼수록 좋다. 특히 메뉴 UI 처럼 특수한 상황에서 쓰이는 인터페이스라면 많이 찾아보아야 한다. 레퍼런스마다 어떤 게 좋은지 적어놓기도 했었는데 막상 시작하니 잘 안보게 된다..ㅎ 하지만 참고한 UI가 굉장히 많았다. 기본적으로 쓰이고 있던 패턴이 있어서 그걸 차용하되 성격에 맞게 조금 변화시켰다.

 

3️⃣  와이어프레임 작업

 

이번 작업은 총 화면이 두 페이지라서 너무 좋았다. (수상 후 화면이 추가되긴 했지만..) 메뉴 카테고리가 두개라서 이걸 어떻게 구분지으면서도 하나도 묶을 수 있을지 고민이 많았다. 사실 최종까지도 상위 카테고리 UI가 증말 맘에 안들긴 하지만..ㅎ 별다른 대안이 생각나지 않았다. 많이 아쉬웠다 ㅠㅅㅠ

 

 

와프 작업을 할 때에도 중간중간 필요한 레퍼런스가 있으면 바로 찾아보고 적용하는 과정을 거쳤다. 예전엔 귀찮아서 그냥 생각나는대로 했었는데 이제는 그러지 않는다..! WOW

 

4️⃣  UI 디자인 입히기

 

디자인 입히는 과정이다. 안에 들어갈 음식 PNG 자료를 찾느라 고생을 많이했다. 제발 클라이언트 측에서 해당 자료를 미리 줬으면 좋겠는데 그런 친절한 클라이언트는 세상에 존재하지 않는다. 요거 들어갈 때 나도 모르게 내 방식대로 가는 경우가 좀 있어서 옆에 KPT 회고록도 첨부해놨다. 그렇게 해도 내 스탈로 가는 것 같긴 한데..ㅋ

 

---

 

5️⃣  수상 후 디자인 변경 및 완성

 

아니 알고봤더니 세로 작업이 아닌 가로작업이었던 것이다.. 클라이언트가 아무도 이해하지 못할 글을 써놔서 지원한 모든 작업들이 다 세로 형식이었다 ㅋㅋㅋㅋ 이래서 정말 커뮤니케이션은 중요함.. 아무튼 일을 두번했다 ^^ 가로로 바꾸고 나니 상단 배너가 완전히 줄어들었고 약간 애매한 부분이 생겨버렸다. 수정 하고 싶긴 했지만 너무 공수가 많이 들까봐 포기했다 ㅠ

 

 

추가화면도 전달했다. 팝업 스타일과 주문 완료 모달을 추가했고, 테이블 화면을 추가했다. 테이블 화면은 들어갈 내용이 적어서 최대한 간결하게 디자인했다. 기존 레퍼런스도 없는 화면이라 약간 애매하긴 했지만! 잘 마무리한 듯 하당. (테이블 화면은 헌팅 포차 같은 곳 가면 있는 테이블끼리 연락하는 UI였는데 헌팅 포차를 가본적이 없어서 이게 뭔가 한참 고민했다는 웃픈 일화,,,,ㅋㅅㅋ)

 

 

마지막으로 색상 베리에이션을 만들어 총 10종의 색상키트를 제공해드렸다. 아무도 안물어본 내 최애 색상 1) Yellow 2) Green 3) Dark red

 

 +) 카드 디테일

 

다크 버전의 색상은 레스토랑, 펍, 술집 등에 해당되는 식당을 주제로 잡았고 라이트 버전은 일반 식당이다. 그래서 카드 형식에 차이를 좀더 주기로 했다. 일반 버전은 음식 사진에 사각형을 하나 추가했는데, 다크 버전에선 사각형을 확장하여 상품 Info 부분과 구별했다. 일반 음식점에서는 좀더 가시적이고 재밌는(?) 느낌을 주려고 했고, 술집이나 레스토랑 버전은 세련되고 깔끔한 느낌을 주려고 했다. 

 

---

 

🚀  최종본

 

아쉬움이 제일 많이 남았던 작업인데 신기하게 우승을 했다 ㅋㅋ 역시 사람일은 모르는겨.. 어찌됐든 90만원 받아서 너무너무 행복했다 흑 ㅠㅠ 3개 했는데 하나라도 우승 안했으면 진짜 슬플 뻔 했다. 최근에는 웹페이지 제작을 하나 했는데 그것도 올려보려 한다. 웹페이지는 또 다른 느낌이라 걱정을 했었는데 막상 해보니 또 할만했다. 요것도 수상하면 좋겠다,,ㅎ

 

---

 

---

 

고럼 2000 💖