Devmate solutions & portfolios experience renewal. Devmate(데브메이트)는 메타버스 전문 회사로 사람과 기업, 그리고 브랜드가 온라인으로 이야기를 나누고 즐길 수 있도록 다양한 맞춤형 가상 세계를 구축해나가고 있습니다. 숙련된 컨텐츠 전문가와 개발자를 보유하고 있는 데브메이트는 기존보다 더 많은 사람에게 다가가 어려운 메타버스 컨텐츠를 쉽고 재밌게 풀어나갈 수 있도록 돕기를 바랐습니다. 이를 위해 가장 처음 고객과 만나는 곳이자, 얼굴이 될 수 있는 홈페이지를 데브메이트만의 이야기와 가치에 기저를 두어 능력과 결과물을 보여줄 수 있는 쇼룸과 같은 공간으로 만들어나가고자 했습니다. - Used Software UI Design : Figma Prototyping..

LUMINON DESIGN Hompage Renewal 2021 곧 2021년을 맞이함에 따라 제 웹페이지를 새롭게 리뉴얼해봤습니다. 어떤 내용을 담을까 많은 고민을 했었는데, 순수하게 "제 이야기"를 담아보자라고 생각해서 재주없는 글솜씨로 적고 만들어봤습니다. (ㅋㅋ) 워낙 남하고 진지한 이야기를 나누지 못하는 성격이다 보니 제가 무슨 목적으로 디자인을 하는지, 무슨 신념을 가지고 있는지 말할 기회가 없었습니다. (딱히 그러고도 싶지 않았고) 그래서 이 웹페이지라는 자리를 빌려 한번 내가 왜 디자이너라는 일을 하는지, 어떻게 사는지, 무슨 사상을 가지고 있는지 처음이자 마지막으로 말해보고자 했습니다! 2021년이 2주 앞으로 다가왔습니다. 남은 해도 잘 보내시고, 제 글과 웹페이지가 좋은 영감이 되었기..

LUMINON CANONESS Twitter BIO Page Renewal 미루고 미루던 JavaScript를 다시 공부해볼 겸 Twitter BIO(자기소개) 페이지를 리뉴얼 해보았습니다. 해보고 싶은 기능들을 최대한 넣어보는 것을 목표로 이것 저것 기능들을 넣어보았습니다. 가장 눈에 띄는 부분은 바로 Dark Mode로, 브라우저의 테마를 인식해서 자동으로 Light Mode나 Dark Mode로 표시해주고, 이를 토글할수 있는 기능을 만들었습니다. 추가적으로 일본어로 언어를 변경하는 기능을 넣거나 마우스 커서 아이콘을 커스텀 하는 등.. 재밌어 보이는 것들은 다 해보았습니다. (ㅋㅋ) 나중에 사용했던 코드들을 정리해서 한번 포스팅해봐야겠습니다. - Used Software UI Design, Gra..

Luminon Payments Renewal 제가 계좌 정보를 보여줄 때 사용하는 페이지인 "Luminon Payments"를 디자인을 다시 해서 리뉴얼했습니다. 이번에는 큼지막한 텍스트로 읽기 쉽게 표시되도록 하고자 하는것이 컨셉이었죠. 각각의 블록이 조립되어 하나의 페이지로 표시되는 느낌을 주기 위해서 처음으로 grid라는 속성을 사용해봤습니다. 그런데 이거.. 개념은 어느정도 이해를 했는데 원하는 방향으로 표시가 잘 되지 않아 애먹었습니다. (ㅠㅠ) 그래서 후반부에서 CSS를 짤 때 그냥 될 대로 되라 (...) 식으로 짜서 돌아는 가는데 코드가 좀 난잡해진 것 같았어요. 나중에 좀 더 공부를 해봐야 겠습니다.. - Used Software UI Design : Figma Graphic Resour..

Play OS by Google Android 플랫폼은 iOS와 Windows 플랫폼에 비하여 태블릿 디바이스에 대한 지원이 옅었습니다. 때문에 수많은 Android 어플리케이션을 태블릿에서 사용하기 어려웠고, 그저 스마트폰 UI를 크게 늘인 듯한 기본 UI는 유용한 사용을 저해하고 있었습니다. 그래서 이 사용성과 호환성에 대한 문제의 대안으로 Google은 Chrome OS를 태블릿에서 사용하기 시작했지만, 본래 데스크탑 OS 이었기에 들고 다니며 활용하기엔 역부족이었습니다. 이러한 문제들 때문에 기존 Android 플랫폼의 환경을 확장하며 Chrome OS처럼 복잡하지 않은 태블릿만의 사용자 환경이 필요했고 이를 위한 OS 시스템을 구상했습니다. - Used Software UI Design : Sk..

SKY & FLUX UI 리디자인 SKY는 팬택의 휴대전화 브랜드입니다. 감각적이고 독특한 디자인으로 이루어진 휴대전화를 대거 출시하며 많은 사람들의 이목을 끌게 만들었으나, 2010년대에 들어 출시했던 스마트폰의 부진과 안일한 사후지원 대처 등 다양한 이유로 회사가 어려워지면서 더 이상 예전같은 브랜드의 위상을 펼치지 못하고 있습니다. 그래서 이전의 위상을 되찾으려면 SKY의 아이덴티티에서 세련됨을 부각시키고, 사용자 환경을 기존의 룩앤필을 유지하며 트렌드에 맞게 개선해야 하지 않을까 하여 SKY의 리브랜딩 및 SKY 스마트폰의 고유 UI인 FLUX UI를 리디자인 해보았습니다. - Used Software UI Design : Sketch Graphic Resources : Adobe Photosho..

BE MOVED 현재까지도 아날로그 방식으로 명맥을 이어왔던 대부분의 서비스들은 스마트폰의 출현과 동시에 대격변을 겪고 있습니다. 음식을 주문하기 위해 전화를 하지 않아도, 택시를 잡기 위해 직접 도로에 나가지 않아도 스마트폰만 있으면 모든것이 주문이 되고 원하던 것을 바로 내 앞에서 제공받을 수 있게 되었죠. 하지만 현재까지도 택배 서비스는 이런 대격변의 기류를 타지 못했습니다. 아직까지도 택배를 보내기 위해서는 우체국이나 취급업소까지 발신자가 직접 가야만 하며, 물건을 상대가 받기까지 많은 시간이 소요되고 있습니다. 심지어 퀵서비스조차도 일일히 업체를 검색하여 전화해야 하고 무척 많은 요금을 지불해야 하죠. 이러한 사례를 통해 택배 서비스는 현재까지도 고질적인 단점이 많다는 문제점을 인식했고, 이를 ..

ANIMA ANIMA는 애니메이션 전문 큐레이션 서비스입니다. 내 관심사에 따라, 또는 대중의 평가에 따라 추천해주는 서비스들은 영화 등 대중적인 문화 컨텐츠의 전유물이었고 상대적으로 마이너한 애니메이션은 관련된 서비스가 적거나 없었습니다. 그렇기 때문에 애니메이션 분야를 위한 전문적인 큐레이션 플랫폼이 필요했고, 기존의 큐레이션 플랫폼에 애니메이션 큐레이팅을 위한 독창적인 시스템을 담아 ANIMA를 디자인하게 되었습니다. - Used Software UI Design : Sketch Prototyping : Adobe After Effects Graphic Resources : Adobe Photoshop CC, Adobe Illustrator CC Behance 에서 포스트 보기 This is a n..

서울시 공공자전거 따릉이 어플리케이션 리디자인 따릉이는 우수한 인프라를 가진 서울의 공공자전거 서비스입니다. 하지만 짧고 긴 거리를 합리적인 가격으로 이동할 수 있는 장점을 가졌음에도 불구하고, 앱의 접근성이 낮아 처음 사용하는 이들이 쉽게 사용을 시도해 볼 수 없었으며, 이미 사용중인 사용자에게는 앱이 외면되고 있었습니다. 그래서 기존 앱의 문제였던 난해한 UI와 플로우를 압축하고 정리하여 많이 쓰는 기능은 빠르게, 도움이 되는 기능들은 편리하게 접근할 수 있도록 앱을 재설계해보았습니다. - Used Software UI Design : Sketch Prototyping : Protopie Graphic Resources : Adobe Photoshop CC, Adobe Illustrator CC Be..

BYEOL. 기존의 교통카드 시스템은 필요한 금액을 충전하고, 대중교통을 이용하면서 금액을 소비하는 단순한 시스템을 채용하고 있습니다. 하지만 이런 단순한 시스템 덕에 사람들은 많은 금액을 교통비로써 소비하는데도 불구하고 이제까지의 교통카드는 체크카드나 신용카드 등이 아닌 이상 혜택을 주는 경우가 거의 없었습니다. BYEOL은 단순하게충전, 소비 두 단계로 끝나는 것이 아닌, 기존에 금융 시스템에 있던 다양한 방법들을 교통카드에 반영하여 다양한 혜택이 사용자에게 돌아가 교통카드 그 이상의 삶의 파트너가 될 수 있도록 서비스를 설계했습니다. - Used Software UI Design : Sketch Prototyping : Adobe XD, Framer Graphic Resources : Adobe P..