Doubledot

FLO music_ DreamUs
Webplayer_ PC Website
UI, GUI doubledot

2019

approach

website main concept

01 / 01

오랜 기간 서비스 중인 국내 사이트의 경우,
음악과 관련된 많은 정보와 기능들이 담겨 있어 복잡하고 불편해 보입니다.

앱과 동일한 룩앤필 적용과 쉬운 사용성을 유지하는 것을 기본으로
PC 환경에 특화된 방식으로 적용하려고 하였습니다.

strategy

the same as “application”

01 / 01

익숙하고 편리한 모바일에서의 사용 경험을
웹사이트에서도 동일하게 주기 위한 레이아웃 구성을 하였습니다.

proposal

1st design proposal

01 / 02

helvetica neue

본 제안문서는 위 폰트가 사용되었습니다. 폰트 설치 후 키노트 파일을 확인하세요.

proposal

proposal design

02 / 02

메인화면 첫 진입 시, FLO의 identity를 느낄 수 있도록 상단에 비쥬얼 요소를 적용하였습니다.
FLO 네이밍의 identity를 담은 타입과 로고의 곡선을 활용한 타입을 제안하였습니다.

design

home

01 / 04

design

browse

02 / 04

사용자가 선호하는 장르의 TOP100을 상단에 테마 플레이리스트 방식으로 제공하여 쉽게 접근 가능합니다.

design

player, playlist

03 / 04

플레이어 확장 없이도 재생목록 확인 가능합니다.

design

04 / 04

사용자가 선호하는 장르의 TOP100을 상단에 테마 플레이리스트 방식으로 제공하여 쉽게 접근 가능하도록 하였습니다.