디자이너의 삶/[스터디] 포트폴리오

[포트폴리오 스터디] 기획부터 다시 천천히

리틀스텝_Little Step 2025. 2. 25. 17:00

포트폴리오가 어느 순간부터 전혀 진전이 되지 않고 막힌 느낌이 들고 있어서 고민이 많았는데요.
오즈코딩스쿨에서 보내준 서적4권중에 하나를 읽으면서 기획부분을 더 디벨롭 중에 있습니다.

예전에도 UXUI포트폴리오를 만들어봤지만 취업이 잘 안되었는데요 생각해보면 그 이유가 기획의 부족에 있지 않을까 싶습니다.
디자인적인 부분은 사실 테크니컬한 부분이라 숙련되면 따라갈 수 있지만 기획은 정말 탄탄해야 한다고 생각하거든요...
손으로 브레인스토밍 하기 전에 바로 디자인부터 하려고 하니 막힐 수 밖에요... 그래서 프리폼 앱에서 하나하나 다시 기존앱의 문제를 분석하며 기획하고 있습니다.

참고한 서적은 [사용자를 사로잡는 UX UI 실전가이드] 라는 책입니다.

 

기획적인 부분은 어느정도 잘 된것같은데...이것을 디자인하려니까 머리가 터집니당 ㅠㅜ  그래서 일단 모작부터 많이 해보려고 하고 있습니다.

 


 

포트폴리오 레이아웃에 대한 과제

 

  1. 정보 구조 설계 (사이트맵 작성)
    1. 웹 포폴을 제작하는 경우 어떤 화면들을 만들지, IA를 만든다.
    2. 피피티 포폴 중 앱서비스에 대한 포폴인 경우, 해당 서비스에 대한 IA와 워크 플로우, 와이어 프레임를 만들어 본다. (피피티에 포함시킬 내용)
  2. 와이어프레임 제작 (Figma, Adobe XD 등)

 

와이어프레임을 짜기 전에 웹포폴 IA를 짜봤습니다.

일단 전체적인 포트폴리오 IA보단 첫번째 프로젝트에 대한 IA만 짰습니다. 2,3 프로젝트 기획에 따라 IA가 달라지기 때문에 2,3프로젝트가 확정되기 않은 상태에서 IA를 먼저 짜기에는 무리가 있다고 생각했기 때문입니다.

 


 

1 프로젝트 개요
- 프로젝트 배경 : 리뉴얼 전 이 앱이 무엇인지, 주요 기능이 무엇인지, 
- 프로젝트 목표 : 리뉴얼을 통해 어떤 점을 개선시킬것인지

2 사용자 분석
- 사용자 리서치 : 관찰조사, 페르소나, 
- 사용자 여정맵 : 요양보호사

3 문제 정의 및 기존 앱 분석
- 기존 앱의 문제점 분석
- 기존앱의 app flow 및 pain point

4 개선 방향 및 솔루션
- 주요 개선 목표
- 리뉴얼 핵심 개선 사항

5 리뉴얼된 ux/ui 디자인
- 신규사용자 플로우
- 와이어프레임
- 디자인 시스템
- 리뉴어얼 된 ui 디자인 (강조할 부분은 다른 뎊스로 보여주기)

6 결론
- 리뉴얼을 통한 기대효과 

 


 

이렇게 IA를 짜고 각각 필요한 요소들을 쪼갰습니다.

 

필요한 페이지들 : 

사용자분석, 페르소나, 사용자 여정맵, app flow, pain point, 사용자 flow, 와이어프레임, 디자인 시스템, 리뉴얼된 ui 디자인, 텍스트가 많은 페이지.

 

위에 나열한 페이지들에 대한 레퍼런스를 찾아보았습니다. 

 

 

디자인 시스템 

 

 

 

 

 

 

사용자분석, 페르소나, 유저플로우등

 

 


 

레퍼 조사한것들을 토대로 초기 셋업중입니다