[8주차] 에코픽(Eco Pick) | 와이어프레임 보완•화면디자인

🌱 에코픽 (Eco Pick)
사용자의 관심사와 생활 패턴을 분석해 맞춤형 환경 기사를 추천하고,
실천 가능한 환경 보호 활동을 제안하는 개인화된 AI 환경 컨설턴트

 

 

1. 와이어프레임 보완

와이어프레임 화면을 보완하여 간단하게 화면 플로우를 그려봤다.

 

2. 화면 디자인 시안

Visual Language

시안 작업 전 에코픽의 키워드를 떠올렸을 때 #신뢰감 있는/#정보 전달/#친근한/#지속 가능한 4가지를 뽑을 수 있었다. 이후 4가지 키워드를 잘 나타낼 수 있는 디자인 요소들을 정리했다.

 

1. 간결하고 정돈된 공간과 여백

2. 깔끔한, 명확한, 밝은 색상

3. 부드러운 곡선, 둥근 모서리, 단순한 형태

4. 자연스럽고 점진적인 움직임 (예.슬라이더나 그래프가 서서히 변화는 효과)

 

키워드를 충족할 수 있는 색은 밝은 파란색이라고 판단했다. 자칫 지루할 수 있는 내용에 친근함을 주기 위해 일러스트를 더하는 방안으로 방향성을 잡았다.

레퍼런스

 

다음은 메인 홈/컨텐츠 화면 시안이다.

메인 홈

컨텐츠