국내 Top3 로펌, 법무법인(유한) 태평양은2015년 웹사이트 리뉴얼 당시, 별도의 모바일웹을 구축하지 않았습니다. 하지만, 모바일 사용자가 빠르게 증가함에 따라 새롭게 모바일웹을 구축하였습니다. 태평양의 모바일웹은, 웹사이트의 아이덴티티와 연결성을 가지면서, 모바일 사용에 꼭 필요한 기능과 UI설계, 가독성 3가지에 중점을 가지고 기획, 디자인 되었습니다. 리플렉션의 강점인 BUI 가이드 제작방식을 통해, 모바일 환경에서 최상의 사용성과 가독성, 호환성을 확보하고 안정적으로 개발되어 내외부적으로 좋은 평가를 받고 있습니다.

모바일 전문은행 1위 브랜드 지위 선점을 위하여 써니뱅크의 브랜드 가치를 이해하고 접목한 UI/UX 표준 구축을 통하여 일관된 브랜드 아이덴티티 강화를 목적으로 하였습니다. 브랜드 아이덴티티는 최종적으로 사용자가 떠올리게 되는 서비스에 대한 느낌이며 이는 사용자경험(UX)을 통하여 구축됩니다. 금번 UI/UX 프로젝트에서는 ‘Design Identity, Interaction, Communication’ 3가지 요소에 집중하였습니다. Brand Identity 핵심 키워드로 “Warm   Friendly”를 도출하여 Color Scheme, BI, Character Symbol 을 새롭게 구축하였고 이를 바탕으로 전략적인 UI 및 사용자 Flow 를 설계하여 반영하였습니다.

SK텔레콤은 2017년, 새로운 O2O 서비스를 시작합니다. ‘ZUST’는 어플리케이션을 통해 가장 가까운 존의 차량을 언제든지 바로 이용하는 카쉐어링 서비스입니다. 기존의 국내 카쉐어링 서비스와는 차별화된 ‘지역 커뮤니티 (CUG)기반의 존’을 제공하여, 더욱 가깝고 안전하게 내 차처럼 이용이 가능합니다. 리플렉션은 본 프로젝트에서 UX/UI 방법론을 통한 설계와 디자인 구현을 진행하였습니다. 먼저 어플리케이션을 통해 목적지의 탐색부터 차량반납까지 Seamless한 경험을 제공하기 위해, 모든 단계에서 hurdle을 최소화 할 수 있는 Flow를 설계하고, 이를 기반으로 설계한 Wireframe을 바탕으로, Design과 UX/UI Testing을 진행하여 사용성과 안정성을 확보였습니다.

SK텔레콤의 안드로이드 앱 ‘보안박스’는 스마트폰 내의 개인정보를 보호하는 서비스입니다. 2014년에 첫 출시된 본 앱은 TrustZone 기술을 적용하여 정보를 안전하게 보관하고 안드로이드 운영체제와 별개의 보안 공간으로 안심OS를구축할 수 있습니다. 본 프로젝트는 지난 2년간 운영되면서, 도출된 기능 및 UI/UX 개선사항들을 반영하여 앱 전반적인 업그레이드를 진행하였습니다. 리플렉션에서는 서비스 개선방향성에 대한 전략도출 및 UI/UX 설계, 디자인과 GUID 가이드 업무를 성공적으로 수행하였습니다.

SK텔레콤은 국내 대표적인 네비게이션 서비스인 T map을 시작으로, T map 대중교통, T map택시로 서비스를 확장하였습니다. 서비스 안정화와 기능개선을 위해 수시로 업데이트 되는 어플리케이션 서비스 운영에 있어서, 디자인과 개발간 원활한 커뮤니케이션을 위한 GUID 가이드는 필수적입니다. 그에 따라 SK텔레콤은 GUID 가이드 제작에 전문성을 가진 업체를 선정하였고, 리플렉션에서 본 프로젝트를 수주하여 현재 운영중에 있습니다.

현대백화점 리뉴얼은 사용자의 편의성을 높이기 위한 서비스 재구성과, 웹 접근성 인증 마크 획득을 목표로 설정했습니다. 디자인에서는 기존 웹사이트의 단조로운 단색 컬러에서 벗어나, 블랙 앤 화이트 컬러를 활용함으로써 깔끔함과 세련미를 강조하였습니다. 또한 웹사이트 전체의 로딩 속도를 저하시켜 모바일 기반 디바이스의 접근을 어렵게 했던 플래시의 문제를 해결하기 위해, 멀티 디바이스와 크로스 브라우징을 고려한 기술을 적용했습니다. 전체적인 메뉴 구조를 보다 쉽고 직관적으로 개편하였습니다. 특히 방문자가 가장 많은 쇼핑 정보는 지점별로 쉽게 확인이 가능하도록 구성하였고, 콘텐츠 확산을 위한 SNS 공유 기능도 추가하였습니다. 기존 그룹 사이트에서는 간략히 소개되었던 외국어 사이트를 신규로 구성하였으며, 관리자 페이지에서는 웹/모바일 콘텐츠를 한번에 관리할 수 있도록 제공하여 관리 효율성을 높였습니다.

기존의 모바일앱이 모바일웹을 앱의 그릇에 담아 제공하는 수준이었다면 새로운 모바일앱은 모바일앱으로만 제공할 수 있는 ‘고객혜택적’ 서비스를 구성하였습니다. 디자인은 모바일웹과 동일하게 현대백화점 웹사이트 디자인 컨셉을 계승하여 Black   White를 적용하였고 이를 통해 웹과 모바일웹, 모바일앱의 디자인을 통일하여 온라인 아이덴티티를 완성하였습니다. 모바일앱은 모바일웹의 서비스에 App으로만 제공가능한 특화된 서비스를 추가 하였습니다. 기존 우편으로만 제공되었던 우편물 DM을 ‘모바일 우편’으로 제공, ‘App전용 쿠폰’도 제공하여 현대백화점에서 진행하는 다양한 이벤트와 혜택들을 받아볼 수 있게 하였습니다. ‘U포인트카드’ 기능도 제공해 휴대폰으로 적립·확인할 수 있도록 하였으며 현대문화센터에서 직접 받아야 했던 수강증을 모바일에서 받을 수 있게 하였습니다. 또한, QR코드와 AR스캐너를 탑재하여 다양한 이벤트의 마케팅 수단으로 활용이 가능하도록 하였습니다.

현대백화점은 2015년 8월, 성남시 분당구 판교에 ‘현대백화점 판교점’과 함께 ‘현대어린이책미술관’을 개관하였습니다. 현대어린이책미술관은 국내 최초 ‘책’을 주제로 한 어린이미술관이자 국내 최초 기업이 만든 ‘정부등록’ 어린이미술관입니다. 그림책과 공간을 통해 어린이들이 문학적 상상력과 예술적 상상력을 키울 수 있도록 책 한권 한권, 공간의 요소 하나하나를 심혈을 기울여 선택하고 구성하였습니다. 이러한 현대어린이책미술관의 웹사이트과 모바일앱은 MI(Museum Identity)를 자연스럽게 녹인 온라인 아이덴티티를 전달하는 감성적 역할과 미술관의 공간과 전시정보, 회원중심의 서비스를 제공하는 기능적 역할을 수행하는 것을 목표로 하였습니다. 2015년 8월 정보중심의 1차 오픈과 11월 기능중심의 2차 오픈으로 진행하여 서비스의 안정성을 확보하였고 온라인에서 현대어린이책미술관을 홍보하는 중심채널로서의 역할을 성공적으로 수행하고 있습니다.

현대자동차그룹의 물류 전문기업인 글로비스의 중고차 옥션 서비스로 기존의 노후화된 시스템과 부족한 서비스 아이덴티티를 리빌딩하기를 원하였습니다. 실시간으로 이루어지는 경매시스템이므로 높은 수준의 기술구현이 요구된 프로젝트입니다. 경매라는 본 사이트 목적에 충실한 UI를 구현하여 B2B 및 일반사용자가 쉽고 빠르게 사용할 수 있도록 설계하였으며 오토옥션만의 새로운 온라인 아이덴티티를 구현하였습니다. 다양한 디바이스에서 동일한 사용자경험을 얻을 수 있도록 브라우저 호환성을 준수하였으며 빠른 속도를 위해 경량화에 충실하였습니다. 기존의 관리자 시스템을 전면 개편하여 업데이트의 관리효율성을 높이고 모니터링 능력을 제고하는 데 중점을 두었습니다. 기존대비 오프라인 경매 거래건이 4% 증가함에 반해 온라인 경매 사용자의수는 38% 증가하는 성과를 가져왔습니다.

현대카드, 현대캐피탈, 현대커머셜 IR 사이트는 국문, 영문, 일문 등 다국어를 포함하여 8개의 사이트가 모두 개편되었습니다. 프로젝트의 가장 첫 번째 목적은 접근성 강화된 User interface이었습니다. 기존 사이트는 각 페이지로의 이동이 location 부분에서 이루어졌으나 사용자 인지도가 매우 낮고 불편합니다. 따라서 대부분의 사용자가 하단의 sitemap을 이용하였으나 이 또한 콘텐츠 내용이 길어지는 경우 메뉴이동을 위해 스크롤을 계속 내려야 하는 불편함이 있습니다. 이를 해결하기 위해 서브페이지에 레프트 메뉴를 넣어 전체 UI가 순차적으로 인지하여 사용이쉽고 편리하도록 하였습니다. 현대카드의 고유 디자인과 인터페이스를 보강하고 다국어 IR사이트의 획일적인 인터페이스에서 벗어나, 더욱 고객을 생각하는 고객 편의 사이트로 자리 매김 할 수 있었습니다.

금호렌터카는 KT렌탈과 합병을 하게 되어 KT금호렌터카로 새롭게 출발하게 되었습니다. 렌터카 업계 1위 자리에 부합되는 서비스로 고객들에게 한층 더 친근한 브랜드로 다가설 수 있도록 하는 것이 주된 목적이었습니다. 차량 예약 및 중고차 매매 서비스와 같은 차별화 된 서비스를 고객들에게 제공하고자 하는 니즈를 웹사이트에 담았습니다. 변경된 개발환경, 사용자 입장에서 불편을 느꼈던 UI부분에 대한 체계적이고 근본적인 문제점을 해결해야 했습니다. 사용자와 관리자가 편리하게 사용되도록 모든 데이터와 서비스관련 콘텐츠의 변경, 수정작업 그리고 시스템통합 이후 회원관리의 체계화, 일원화 개선이 우선시 되었습니다.

현대캐피탈 회사소개 사이트는 선진국 수준의 IR정보전달 및 기업가치의 혁신적 제고를 목표로 시작되었습니다. 현대캐피탈의 ‘Cool   Hipness’ 한 감성 전달방식을 고려할 때 일반적인 금융 회사소개 사이트와는 다른 독창적인 접근방식이 필요했으며 동시에 회사 정보전달이라는 본연의 임무 수행에도 충실해야만 하였습니다. 기존 사이트의 일반적인 콘텐츠 표현 방식을 버리고, Innovative Convenience를 핵심가치로 한 새로운 인터페이스 개발에 중점을 두면서 4C분석 및 많은 brainstorming을 통해 정확하면서도 빠른 이성적 데이터의 표출방식으로 Web OS라는 개념을 선택하게 되었습니다. 새로운 인터페이스 개념에 맞는 정보구조와 그래픽이 새롭게 제작되었으며 운영 편의성을 고려한 관리체계를 개발하였고, 일반적 가치를 뒤엎는 혁신적인 IR사이트가 탄생하게 되었습니다.

기존의 경우 고객의 니즈에 맞는 상품을 효과적으로 제시하지 못했다는 점과 예약 프로세스에 있어 각 단계별 페이지 이동으로 예약자의 예약 과정을 한 눈에 파악할 수 없다는 단점이 있었습니다. 사이트 리뉴얼을 통해 이러한 점들을 개선하여, PV유입을 높이고, 많은 사용자들이 “쉽게 상품을 보고”, “보다 빠르게 예약”을 할 수 있도록 하는 것에 주된 목적이 있었습니다. 인터파크 투어의 정보 구조 분석, 사용성 개선을 위한 정보구조를 개편하고, 고객의 방문 목적(패키지/자유여행, 저가상품/고품격상품, 항공권 구매, 여행정보 획득 등)에 부합하는 상품의 전시(카테고리별 메인, 상품상세 일정표), 예약/결재 프로세스 개선을 위한 여행사 최초로 Flex 기반의 원스톱 서비스를 구성하였습니다. 리뉴얼 후, PV가 증가하며 브랜드 인지도가 상승이 되었고, 항공 및 호텔 예약률도 리뉴얼 후 6개월과 이전 6개월 과의 비교해 증가하여 리뉴얼 목적을 완벽하게 충족한 효과가 발생하였습니다.

SBS는 “미디어포탈” 로의 전환을 통하여, 방송과 비방송 서비스간의 유기적 연계를 체계적으로 함에 그 목적이 있었습니다. UCC 서비스 강화를 통하여, 유입된 UV(unique visitor)를 실질적인 PV(Page View)로 연결 시킬 수 있는 Action Plan 수립 및 실행을 염두에 두고 기획을 진행하였습니다. 이에, 극히 제한되어 있던 사이트의 동선을 연장하여 사용자들에게 미디어 포탈의 장점을 부각시킨다는 것은 매우 중요한 이슈였습니다. 웹사이트를 뉴스 중심으로 개편하면서 UCC 동영상 서비스인 넷티비를 메인화면에 링크시키고 뉴스 영역에 MS의 ‘Sliverlight’를 도입하여 기존 방송사들의 WMV 기반의 서비스보다 사용자 친화성을 높였습니다.

신흥증권이 현대자동차 소속의 HMC투자증권으로 전환하였습니다. 본 프로젝트는 신규 증권사 출범을 앞두고 웹사이트의 브랜드 아이덴티티를 재구축하는 것을 목적으로 하였습니다. 오프라인 브랜드 아이덴티티 강화, 웹사이트 아이덴티티 정립, 정보의 재그룹핑이라는 세 가지 축으로 리뉴얼을 진행하였습니다. 메인을 2개의 슬라이드 방식으로 구현하여, 기업PR과 마케팅 영역의 비중을 올리고, 오프라인 광고를 적극 활용하여 HMC증권의 identity를 온/오프라인으로 연계하였습니다. HMC투자증권의 브랜드 아이덴티티 정립을 위한 기업의 PR과 마케팅 채널로서의 웹사이트 활용 부분을 적합하게 구현하였습니다.

신흥증권이 현대자동차 소속의 HMC투자증권으로 전환하였습니다. 본 프로젝트는 신규 증권사 출범을 앞두고 웹사이트의 브랜드 아이덴티티를 재구축하는 것을 목적으로 하였습니다. 오프라인 브랜드 아이덴티티 강화, 웹사이트 아이덴티티 정립, 정보의 재그룹핑이라는 세 가지 축으로 리뉴얼을 진행하였습니다. 메인을 2개의 슬라이드 방식으로 구현하여, 기업PR과 마케팅 영역의 비중을 올리고, 오프라인 광고를 적극 활용하여 HMC증권의 identity를 온/오프라인으로 연계하였습니다. HMC투자증권의 브랜드 아이덴티티 정립을 위한 기업의 PR과 마케팅 채널로서의 웹사이트 활용 부분을 적합하게 구현하였습니다.

국내 펀드투자 열기가 과열되면서 높아진 펀드 투자자들의 눈높이에 맞추어 다양한 정보를 제공하고자 진행된 미래에셋 운용사 리뉴얼은 펀드상품정보를 사이트 어디에서나 쉽게 검색하고 빠르게 접근 가능하게 하는데 주 목적이 있었습니다. 메인에서는 펀드 정보 제공을 통한 홍보에 중점을 두면서 미래에셋 브랜드 이미지를 전달할 수 있는 비주얼을 상품과 매치시켜 '정보'와 '브랜드‘ 두 가지를 모두 전달하였습니다. 국내대표 운용사답게 다양한 종류의 펀드를 이미지로 유형화 시켰고 기존의 어렵게 느껴졌던 펀드 찾기를 Flex로 이용해 일반 쇼핑몰에서 쇼핑하듯 디자인 설계하여 사용성 본연의 목적에 충실하였습니다. 또한 펀드정보 페이지를 One Paper Proposal과 같이 구성함으로 고객이 한눈에 펀드 운용 성과를 알 수 있도록 하여 정보 이해의 편의성을 높였습니다. 진보된 검색 방식과 상품으로의 빠른 접근으로 처음 방문하는 사용자들도 쉽게 적응 할 수 있어 고객과 더욱 가까워 질 수 있는 사이트로 평가 받았습니다.

The-K 손해보험이 CI/BI를 새롭게 변경하고 사업영역의 확대를 추진함에 따라 웹사이트 리뉴얼이 필요했습니다. 핵심서비스에 대한 기능이 미흡하고 콘텐츠 접근이 복잡하여 고객들이 불편함을 겪었던 기존 사이트를 개선하여 고객 편의성을 강화하고, 변경된 CI/BI를 활용한 강력한 e-브랜딩을 구축하여야 했습니다. 그동안 접근이 어려웠던 메뉴구조를 전면적으로 재편하여 직관적으로 IA를 구성하였습니다. 콘텐츠 역시 쉽게 재편하여 웹사이트 내 다양한 사례를 명시하고 그때 적용되는 정보들을 상세히 제공해 고객들의 니즈를 충족했습니다. 디자인에서는 The-K 손해보험 educar의 u를 메인 디자인 포인트로 선정하여 LNB와 GNB를 구성해 브랜드 아이덴티티를 강조하였습니다. The-K 손해보험 웹사이트의 핵심서비스였던 자동차/운전자 보험료 알아보기 기능을 대폭 간소화하여 누구나 쉽게 본인의 보험료를 확인할 수 있도록 했습니다. 변경된 CI/BI의 아이덴티티를 디자인에 반영하여 e-브랜딩을 완성하였으며 직관적인 메뉴구성으로 고객편의성을 강화하였습니다.

금호아시아나 그룹 IR 사이트 리뉴얼 프로젝트는 그룹 계열사 IR 자료를 제공하고, IR 관련자료의 업데이트를 용이하게 운영관리 할 수 있는 시스템을 제공하는 것이 주된 이슈였습니다. 적극적인 IR활동으로 그룹의 신뢰 구축 및 국내외 이해관계자에게 실시간 정보제공 및 쌍방향 커뮤니케이션이 가능하며, 누구나 이용 및 접근이 쉽고 IRO의 UP   DOWN Load가 쉬운 Interface 가 될수 있게 각 계열사의 자료를 한곳에서 관리할 수 있도록 Admin Tool을 구축하였습니다. 컴팩트한 디자인과 깔끔한 색상 조화를 유지하여, 전체 레이아웃을 간결하게 유지하였고, 기본 Base 컬러는 무채색 계열, 아이덴티티 컬러인 Crimson Red를 포인트 컬러로 잡아 안정적이면서도 열정에 가득찬 그룹컬러를 강조하였습니다.

대우건설 IR 사이트 리뉴얼 프로젝트는 사이트의 접근성을 높이고, IR 관련 정보 업데이트를 효과적으로 운영관리 할 수 있는 시스템을 구축 하는 것이 관건이었습니다. 그래프 기반의 IR 컨텐츠 연동 구현을 위해 정보 업데이터의 용이성을 효과적으로 운영관리 할 수 있는 시스템을 제공하였습니다. 실적 및 전망, 부문별 현황, 재무분석의 메뉴에 있는 막대 또는 선형 그래프를 체계적이고 합리적인 설계로 관리자 모드에서 특정 데이터 입력시 Flex 기반으로 실시간으로 반영되도록 구현하였습니다. 그린을 메인 컬러로 일관되게 사용해 간결한 시각적 아이덴티티와 통일성을 부여했으며, '심플함'과 '빛'이라는 디자인 컨셉으로, 대우건설 기업 이미지를 세련되게 표현하였고, 메인 페이지는 핵심 컨텐츠와 비주얼을 팩트하게 정렬함으로써 사용자들이 보기 쉽도록 구성하였습니다.