92
07
14
91%
68bpm
Color Balance
Charm
STEAM 웹사이트 리뉴얼
WEB RENEWA
Site Informaion
STEAM은 2003년도에 설립되어 ‘게임회사로 부터 게임의 판매를 대신하여 다양한 게임을 유저들에게 제공하는 것’을 목적으로 운영되는 사이트입니다. 전 세계 유저들을 대상으로 서비스를 제공하고 있으며, 판매와 서비스 중인 게임은 3,500개 이상으로 국내ㆍ해외를 통틀어 최대 규모의 게임대여 사이트입니다.
Original Site
STEAM은 3,500개가 넘는 게임을 제공해주는 게임대여 사이트입니다. 유저들을 위한 ‘주중할인, 새로 나온 게임, 인기게임’ 기존 사이트는 이 모든 것을 메인페이지에서 보여 주고자 하여 한 사람의 유저가 보는 정보에 양을 세자면 40여 개가 넘습니다. 또한 페이지 이동 시에 레이아웃에 흔들림, 로그인 시에 보여지는 메인의 달라진 모습, 메인 네비게이션에 일관화 되지 않은 점, 등 개선해야할 요소들이 즐비하여 리뉴얼 사이트로 선택하였습니다.
Planning intention
기획 시 ‘약 4천만이상의 유저가 사용하는 플랫폼’으로 리뉴얼 전과 완전히 다른 색상을 사용하여 이 많은 유저들이 새로운 사이트를 접하는 것을 원하지 않았습니다. 기존의 사이트를 잘 정돈하여 원하는 게임을 쉽게 찾을 수 있으며, 사이트에서는 광고하고자 하는 것을 집중적으로 보여줄 수 있고, 복잡했던 메인 네비게이션을 먼저 정리하고자 하였습니다.
Color Concept
- #171a21
- #1b293a
- #29485f
- #1a5dc6
- #edeeea
- #bebebe
대한극장 웹사이트 리뉴얼
WEB RENEWA
Site Informaion
대한극장은 1956년에 개관한 극장으로 충무로에 위치한 극장으로 현재 11개의 상영관을 갖춘 대형 영화관입니다.
Original Site
대한극장의 사이트는 부분적으로 플래시와 페이지 이동시 흔들리는 레이아웃을 가지고 있으며 다소 무분별하게 배치되어있는 광고와 강조하려는 부분들이 있습니다. 사이트를 이용하는 고객의 입장에서 영화와 관련된 정보찾기, 예매와 직접적인 부분들이 매우 취약하여 리뉴얼 사이트로 선택하였습니다.
Planning intention
대한극장의 로고에는 다양한 색을 가지고 있어 특유의 메인이 되는 색상을 정하기가 어려웠습니다. 현 운영중인 정책 중 오렌지멤버십이라는 부분과 기존 사이트의 색상을 참고하여 메인색을 주황색으로 뽑았고 간단한 포인트를 청록색으로 주는 것으로 디자인 하였으며, 고객의 주목적인 영화 정보찾기와 예매라는 부분의 초점을 맞추어 기존의 사이트보다 좀더 크고 눈에 띄도록 디자인 하였습니다.
Color Concept
- #ff8b15
- #fbfbf1
- #77c1b2
- #f2f2f2
- #c8c8c8
- #646363
대한극장 모바일
MOBILE
Site Informaion
대한극장 홈페이지 리뉴얼 사이트를 모바일로 제작한 사이트입니다.
Planning intention
대한극장은 오래되었지만 타 C사, L사, M사와 비교하였을 때는 규모가 작은 편으로 모바일 페이지 안에 많은 내용을 넣다기 보다 극장으로서 필요한 상영 영화, 이벤트를 중점으로 레이아웃을 구성하였습니다. 기타 목록에 경우 좌상단의 버튼을 통해 접근하고 우상단에 티켓 아이콘을 통해 빠른 구매로 이어질 수 있도록 구성하였습니다.
Color Concept
- #ff8b15
- #fbfbf1
- #77c1b2
- #f2f2f2
- #c8c8c8
- #646363
웹디자이너 최주남
PROFILE
프로필
이름 : 최주남
생년월일 : 1992 . 07 . 14거주지 : 서울시 노원구 당고개역 근처
학력 : 경민대학교 인터넷정보과 졸업자격증 : 포토샵 1급, 일러스트1급
주요활동
2014년 1, 2학기 성적우수장학
2014년 튜터링 활동(성적향상을 위한 제도로 교육자 입장으로 활동)
2014년 7월 창업 강좌 수료
2014년 12월 ~ 2016년 3월 대학생 창업
2015년 6월 미래창조부 주관 엑셀러레이터선발(기획비 2000만원 지급)재능 및 특기
창업 당시 메인 디자이너로 일 하였습니다. 포토샵과 일러스트는 대학교 1학년 때부터 다루었기 때문에 매우 숙달 되어 있습니다. 페르소나를 설정하고 회의를 통해 플랫폼을 구축한 경험이 있으며, 크로스브라우징(IE7), 제이쿼리, 사용자 정의 함수를 제작할 수 있습니다.
해인이네 반응형웹
RESPONSIVE WEB
Site Informaion
지인의 이벤트 용으로 제작되어진 육아다이어리 사이트
Planning intention
개인커스터마이징으로 육아 전용 다이어리 사이트로 기획하였고, 아이의 근황을 사이트의 주소만으로 지인들이 공유하고 볼 수 있도록 만들었습니다. pc와 모바일 상관없이 볼 수 있도록 반응형 웹으로 만들었으며, 컨텐츠를 구성하는 다이어리 동그라미는 '인사이드 아웃'이란 디즈니 애니메이션의 기억구슬을 모티브로 마소니를 이용하여 도큐먼트에 창 크기에 따라 크기와 위치를 잡도록 구현해보았습니다.
Color Concept
- #886666
- #ffdd88
- #ffffbb
- #ffeedd
- #ee9977
취업하잡 로고
LOGO
Logo Informaion
취업 알선 사이트
Planning intention
취업하잡은 다소 무거운 취직이라는 무게감을 느끼게 하기보다는 투박하면서도 취업준비생들에게 힘찬 모습을 보여주었으면 하였습니다. 투박하면서 힘이 있는 글씨인 고딕 계열중 배달의민족체를 사용하였고 JOB이란 글씨를 마치 자기 명함을 내미는 모습을 보여주어 취업관련 로고라는 것을 보여주고 싶었습니다.
Color Concept
- #080404
- #ffffff
PEAU CLAIRE 로고
LOGO
Logo Informaion
비누 브랜드 로고
Planning intention
포끌레르는 UMO라는 성분으로 제작된 미네랄 비누의 브랜드로 당시 이름도 없던 비누의 이름까지 고안하여 제작하였습니다. 포끌레르는 프랑스어로 '하얀 피부'라는 뜻으로 umo라는 비누를 사용하면 피부의 각질, 영양보충 및 미백 효과가 있었기에 포끌레르라는 의미의 프랑스어로 로고를 제작하였습니다. 깨끗한 느낌을 표현하기 위하여 얇은 검은 실선과 조금 굵은 선을 이용하여 우아하면서 고풍스러운 느낌을 자아내고자 하였습니다.
Color Concept
- #232222
- #5f5e5e
3D # 로고
LOGO
Logo Informaion
3D프린터를 이용하여 조형물을 제작해주는 사이트의 로고
Planning intention
제작 시 로고에 이름은 3D SHOP으로 2D에 분위기가 아닌 3D에 분위기를 물씬풍겨 기업에 이미지를 표현하고자 했습니다. 또한 shop이란 문구를 그대로 타이포적으로 보여주기보다는 다른 형태로 보여주는 것이 로고에 더 특별함으로 다가올 수 있도록 언어 유희적으로 비슷한 발음에 SHARP(#)으로 표현해보았습니다.
Color Concept
- #333333
- #ff0033
- #3333ff
- #009900
- #cccc00
3D # 로고
LOGO
Logo Informaion
유아 아동복 쇼핑몰의 로고로 TODDLE이란 단어의 뜻은 2~6세를 뜻하는 유아들을 의미합니다.
Planning intention
0~2세를 urbon이라 하며 2~6세를 toddle이라는 유아들을 뜻합니다. 본 사이트에 제품구성은 0~7세 정도의 아이들을 위한 제품으로 구성이 되어있으며 위 toddle이라는 단어의 의미대로 소비자로 2~6세의 자녀를 둔 부모들이 가장 많이 이용하는 사이트입니다. 사이트 이름과 마찬가지로 사랑스럽고 귀여운 자녀와 같은 분위기를 자아내도록 2~6세 사이에 남녀 한쌍의 아이들로 로고를 제작해 보았습니다.
Color Concept
- #3c3c3c
- #a2d091
- #72b9e7
- #f5b6a4
- #c98ab9
TODDLE 앱아이콘
APPLICATION
App Informaion
‘유아 아동복 쇼핑몰 TODDLE’ 구글플레이 스토어의 검색 시 대표적으로 보일 앱아이콘으로 제작되었습니다.
Planning intention
‘유아 아동복 쇼핑몰의 로고 TODDLE’을 참고하여 만든 아이콘으로 사랑스럽고 귀여운 이미지로 보이기 위해 부드럽고 단아한 색상을 위주로 뽑아 제작하였으며, 동글동글한 도형과 둥근 서체를 사용하여 유아의 느낌을 살리고자 하였습니다.
Color Concept
- #f5b8a6
- #ffffff
- #ca8dbb
- #414141
SMARTPLANT 앱아이콘
APPLICATION
App Informaion
IOT 기술을 바탕으로 하여 식물의 온습도를 측정해주는 센서로부터 데이터를 스마트폰으로 받아서 실시간으로 식물의 상태를 체크해주는 ‘스마트플랜트’라는 앱의 아이콘 입니다.
Planning intention
스마트플랜트라는 앱은 온습도 센서로 식물의 온습도를 측정하여 실시간으로 데이터를 전송하여 알림을 주는 앱입니다. 초기에는 앱아이콘의 모습은 단순히 화분에 새싹이 있는 디자인이 되었지만 앱아이콘에서 ‘대신하여 관리를 해주고 있다’라는 점이 매우 낮았습니다. 그렇게 다시 고민한 끝에 동물이나 사람의 형상이 관리를 해주는 것처럼 보이면 어떨까를 생각을 하게되었고, 화분처럼 생긴 코끼리가 등 위에 자라난 싹을 물을 주며 키우는 모습을 생각하였고 위와 같이 디자인을 고안하게 되었습니다.
Color Concept
- #ff8736
- #ffffff
- #6bb83f
- #348acb
NOSHOW 앱아이콘
APPLICATION
App Informaion
블랙컨슈머 번호 관리 서비스 앱으로 셰프란 직업이 각광을 받고 식문화 관련 TV프로그램이 늘어나며 스타 셰프나 예약하는 식당의 예약부도가 근래의 크게 늘어났는데 이런 예약부도를 하는 사람들을 일컬어 노쇼라고 하는데 이러한 블랙컨슈머를 공동관리하고자 하는 목적으로 제작된 앱
Planning intention
예약이란 업주와 고객 간에 상호적인 약속 중 하나로 한 쪽이 지키지 못하였을 때는 곧 시간과 돈 그리고 준비된 정성이란 마음이 깨지기 마련입니다. 노쇼란 단어에서 가장 중요한 것은 약속이라 생각이 되었으며 이를 앱이미지에서도 보는 이들이 같은 생각이 들었으면 하였습니다. 약속을 한다는 뜻에 약지를 걸고 약속을 하는 듯한 손동작과 경고를 뜻하는 노란색 그리고 손의 색 반전을 주어 약속 이행의 유무를 표현해보았습니다.
Color Concept
- #2d2d2d
- #ffffff
- #fff800
새누리당 이기종 선거 POSTER
POSTER
Poster Informaion
16년 4월 국회의원 선거, 새누리당 이기종 의원 선거 포스터
Planning intention
타 새누리당 선거 포스터와 마찬가지로 새누리당의 붉은색과 짙은 파랑으로 색상을 맞추었고, 의뢰자의 의도에 따라 간결함을 위한 선의 사용, 가독성을 높이기 위한 고딕계열 폰트사용 그리고 동두천ㆍ연천이라는 지역 단어의 강조를 주었습니다.
우주인(타이포그래픽) VIDEO
VIDEO
Poster Informaion
인디 가수 10cm에 '지구인'이라는 곡을 타이포그래픽으로 제작한 영상입니다.
Planning intention
이 음원에서 주된 내용은 쇼핑하기를 좋아하는 사람을 주제로 작곡된 곡으로 10cm만에 특유한 음색으로 밝은 느낌의 곡입니다. 색상계열을 밝은색 위주로 사용하였으며 제목과 가사에서 많이 나오는 단어인 지구인, 외계인을 중점으로 동영상을 제작하였습니다.