SK테크엑스 홈페이지 구축 프로젝트
홈페이지 구축
프로젝트
01
플랫폼 전문기업 SK테크엑스를 알리기 위한 첫 시작, SK테크엑스 신규 홈페이지 구축 프로젝트
SK테크엑스는 SK텔레콤이 미래 성장 동력으로 추진 중인 플랫폼 사업의 핵심 역할을 수행하기 위해 본격 출범된 플랫폼 전문 기업입니다. 일상 속에서 고객에게 새로운 가치를 제공하기 위해 지속적인 서비스 고도화, 플랫폼 혁신 및 발굴 등의 노력을 이어갈 예정인데요. 출범 초기 단계인 만큼 SK테크엑스의 정체성, 사업 영역, 비전 등을 고객에게 어필하는 것이 중요합니다. 그래서 진행된 SK테크엑스 신규 홈페이지 및 모바일웹 구축을 PCN이 진행했습니다. 이번 구축 프로젝트는 사용자에게 SK테크엑스의 아이덴티티를 강조하고, 사업 영역을 효과적으로 전달하는 것을 목표로 티저 페이지 오픈, PC웹 및 모바일웹 구축, 영문 페이지 구축, 관리자 페이지 Tool 개발 등의 과업을 수행했습니다.
02
아이덴티티를 투영한 감성적 이미지 활용, 톡톡 튀는 애니메이션 효과로 사용자에게 새로운 경험을 제공하다
먼저 핵심 이미지를 통해 기업의 브랜드를 일관성 있게 제시함으로써 브랜드 정체성을 강조했습니다. Star를 모티브로 한 백그라운드 이미지는 SK테크엑스의 핵심전략, 비전, 미래의 기업가치를 보여줍니다. 새로운 기업 이미지를 강조하기 위해 완성도 높은 GUI(graphical user interface)를 적용했고, 메인에서 서브 페이지로 이어지는 인터렉션은 사용자에게 색다른 인터넷 경험을 선사합니다. 이 외에도 타이포와 플랫폼 UI, 컬러 등에서 일관된 메시지를 전달하되, 사각 블록들은 마우스 스크롤과 키보드를 통해 장면 전환 효과(Transition)를 줌으로써 SK테크엑스의 아이덴티티를 강화하면서도 사용자로 하여금 단조로운 느낌을 없애고자 했습니다.
03
사용자를 고려한 특별한 서비스! SK테크엑스 티저, 채용, 영문 페이지
SK테크엑스는 사용자에게 최적화된 이용환경을 제공하고자 하였습니다. 홈페이지 오픈 전에는 기대감을 높이기 위해 도메인을 우선 확보하여 티저 사이트를 개설했습니다. 티저 사이트를 통해 기업의 방향성, 주요 메시지를 간략히 소개하고, 오픈 일정을 공지했습니다. 당시 협의 중이던 채용 사이트는 사용자에게 숨기기보다 관련 정보를 탐색할 수 있는 우회 루트를 제공함으로써 사용자의 이용 편의를 높였습니다. 국내뿐만 아니라 해외 바이어와 소비자를 위한 영문 페이지도 오픈했습니다. 기존 국문 페이지의 구조와 디자인을 그대로 유지한 채, 영문으로 제작된 다국어 사이트는 앞으로 SK테크엑스의 도약과 브랜드 수준을 보여주는 역할을 수행할 것입니다.
- MEMBERS
- 고영철 서유리 김지은 류홍미 김현진 김보선
한국문화정보원 문화포털 운영 및 유지관리
국민 체감형
문화정보서비스
운영 및 유지관리
01
대국민 문화 정보 이용 활성화 사이트, 문화포털
국민이 누리는 문화, 문화•예술 진흥, 문화와 산업의 융합을 통한 ‘문화융성’ 그리고 국민 행복과 국가발전이 선순환하는 국가 발전 체계를 위한 대국민 문화정보 이용 활성화가 본 프로젝트의 주요 목적입니다. 이를 바탕으로 문화포털 리뉴얼을 진행했으며, 모든 국민이 문화포털을 통해 문화 정보에 빠르게 접근하고 문화 정보를 능동적으로 활용할 수 있도록 기획했습니다.
02
PCN UI/UX 컨설팅을 통해 사용자 니즈를 최대한 반영하다
본 프로젝트의 가장 큰 특징은 PCN UI/UX 컨설팅을 통해 문화포털이 사용자에게 무엇을 보여주어야 하는지에 대해 규정하고, 해당 내용을 개편에 반영했다는 점입니다. 반영 내용은 다음과 같습니다.
• 문화정보와 혜택이 한눈에 들어오도록 만든 서비스
• 매주 문화포털이 추천하는 최신 문화체험소식 및 문화지식 정보
• 더 쉽고 빨라진 문화정보 검색
• 간단한 절차에 따른 전통문양 내려받기 서비스
• 문화 TV로 즐기는 실시간 공연실황
03
문화포털 브랜드 강화를 위한 초석, 문화포털 리뉴얼
본 리뉴얼을 통해 새로운 UI/UX가 적용되면서 사이트의 정체성을 명확하게 할 수 있었습니다. 이번 개편은 사용자의 사용성 및 편의성을 높였을 뿐만 아니라 문화포털이 앞으로 나아가야 할 방향을 제시하는 시발점이라고 생각합니다. 또한 이번 프로젝트를 통해 제작된 콘텐츠 노출과 다양하게 진행된 홍보 서비스를 통해 많은 사용자가 유입되면서 문화포털의 브랜드를 널리 알리는 계기가 되었다고 생각합니다.
- MEMBERS
- 윤만호 장지운 이성진 배지혜 외 다수
동원홈푸드 리뉴얼
리뉴얼
01
일관된 아이덴티티를 전달하는 사이트로의 진화, 동원홈푸드
기존 동원홈푸드는 오프라인, 온라인, 웹, 모바일에서 각기 별개의 메시지를 전달하던 마케팅을 펼치고 있었기 때문에, 동원홈푸드만의 고유한 브랜드 아이덴티티를 전 채널에서 일관되게 전달하고자 하는 고객의 니즈가 있었습니다. 따라서 동원홈푸드의 모든 채널에서 일관적인 메시지를 전달하는 브랜딩 전략을 구현하는 방향으로 프로젝트를 진행했습니다.
02
타사와 차별되는 동원홈푸드만의 정체성을 나타내다, 동원홈푸드 프로젝트
일관된 메시징 전달을 위해 우선 유사 기업 사이트 분석에 들어갔습니다. 이를 통해 필수적으로 게시해야 할 콘텐츠와 차별화된 콘텐츠를 분류하고, 콘텐츠 수집 과정을 거쳤습니다. 동원홈푸드만의 대표 COPY와 그에 최적화된 이미지를 선정하여 사이트 전면에 노출했습니다. 사용자의 편의성을 최대한 높이기 위해 PC, 모바일 웹의 최신 디자인 트렌드를 분석해 최적화된 UI, UX를 반영했으며 모든 디비이스에서 동일한 정보를 제공받을 수 있도록 반응형 웹을 구현했습니다.
- MEMBERS
- 정미숙 김태우
웹어워드 코리아 9년 연속 대상
지난 12월 17일 잠실 롯데호텔 크리스탈볼룸 홀에서 열린 제12회 웹어워드 코리아에서 통합대상을 포함 총 3개 부문을 수상했습니다.
웹어워드 코리아는 사단법인 한국인터넷전문가협회에서 주최하고 미래창조과학부, 한국정보화진흥원, 정보통신산업진흥원, 한국인터넷진흥원, 한국디자인진흥원 등 24개 전문기관이 후원하는 국내 최대 규모의 웹사이트 관련 시상식입니다.
국내를 대표하는 웹 전문가 2,000명으로 구성된 평가위원단이 비주얼 디자인, UI디자인, 기술, 콘텐츠, 서비스, 마케팅 등으로 구성된 지표를 통해 평가가 진행 되었으며, ‘공공데이터포털’은 평가총점 1,130점으로 정부기관, 공공기관 등 총 8개 분야가 속한 공공/의료 부문에서 가장 높은 점수를 받아 통합대상을 받았습니다.
공공데이터포털은 공공기관에서 생성하거나 취득해 관리하는 공공데이터를 한곳에 모아 제공하는 통합 창구 웹사이트 입니다. 국민이 편리하게 공공데이터를 이용할 수 있도록 파일 데이터, 오픈 API, 시각화 등 다양한 방식으로 콘텐츠를 제공하고 있기에 누구나 쉽고 빠르게 정확한 공공데이터를 찾을 수 있습니다.
PCN은 이외에도 ‘정부3.0 문화데이터 활용 경진대회’로 공공프로모션 분야 대상, ‘삼성서울병원 공식 블로그로 기업 블로그 분야 최우수상을 받았습니다.
PCN 송광헌 대표이사는 “높은 평가점수가 말하듯 품질 높은 프로젝트로 이끌 수 있게끔 물심양면 믿어준 고객, 고객의 성공을 위해 최고의 제작능력을 보여준 프로젝트팀, 우수한 제작 능력을 봐주신 평가위원단에 감사한다”며 “앞으로도 No.1 Digital Value Service Company라는 PCN의 비전에 걸맞게 고객이 만족하고 세상의 가치를 올릴 수 있는 프로젝트를 위해 최선을 다하겠다”고 전했습니다.
한국엡손 라벨웍스 홈페이지 구축
라벨웍스
홈페이지 구축
01
트렌디한 디자인과 UI의 조합
한국엡손 라벨웍스 홈페이지는 기획에서부터 참신하고 퀄리티 높은 디자인 작업을 요구했습니다. 사이트 전반에 리락쿠마 캐릭터, 파스텔 계열의 따뜻한 색상을 배치해 아기자기한 보는 재미를 더하고, 사용자의 몰입감을 사로잡도록 디자인했습니다. 전체적으로 트렌디한 블록 스타일의 레이아웃을 채택하여 콘텐츠의 명확성을 높였고 심플하고 간결한 제품 안내가 가능하도록 설계했습니다. 사용자의 클릭 수를 최소화하고 스크롤링을 통해 자연스럽게 읽어 내려가는 UI를 제공하며 실제 활용 사진 구성으로 제품 홍보 효과를 높였습니다.
02
라벨웍스 홍보의 창구로 기대되는 한국엡손 라벨웍스 홈페이지
최신 IT 기술이 반영된 인터페이스 적용과 웹 환경 변화에 유연하게 대처할 수 있도록 모바일 웹을 별도로 제작해 사용자의 홈페이지 접근성을 최대한으로 끌어올렸습니다. 또 라벨 프린터라는 생소한 제품을 사용자가 시각적으로 쉽게 이해할 수 있도록 화면을 구성함과 동시에 리락쿠마라는 캐릭터 특징에 관한 설명을 함께 담아 전달합니다. 이러한 베이스를 바탕으로 본 마이크로사이트는 단순 제품홍보는 물론 사용자로 하여금 브랜드. 제품 전반에 걸쳐 그 이상의 호기심을 유발함으로써 소비자의 심리적 구매 장벽을 낮출 것으로 기대됩니다.
- MEMBERS
- 고영철 조성익 김경민 정정인 김지은
농심 통합 메인 사이트 리뉴얼
메인 사이트
리뉴얼
01
농심 소비자를 최대한 고려한 개편
본 프로젝트의 가장 큰 특징은 사용자, 즉 농심의 소비자를 최우선으로 고려해 기존 사이트를 개선하고 전반적인 구성 방향을 잡았다는 데 있습니다. 먼저 직관성이 떨어졌던 기존 UI를 재구성했습니다. 룩앤필, 인터랙션 고도화를 통해 비주얼 콘텐츠를 전면 배치했고, 메인 노출 서비스 요소의 강약을 조절해 방문자의 요구를 최대한 충족하는 콘텐츠를 선별했습니다. 기존 서브 페이지의 여러 콘텐츠를 사이트 단위로 도출했고 톤앤매너에 통일감을 주어 농심 브랜드의 아이덴티티를 명확히 전달하도록 했습니다. 이외에 개편된 디자인을 헤치지 않는 선에서 기존 반응형으로 구축된 부분을 유지해 각 사용자의 디바이스별 최적화된 정보를 수렴하는 것이 가능하도록 구현했습니다.
02
농심을 대표하는 4가지 특색의 4가지 메인
먼저 농심 메인은 기업의 철학과 가치 전달에 초점을 맞췄습니다. 앞으로 농심이 나아갈 방향성, 지난 역사와 제품을 하나의 스토리로 엮은 메인 비주얼 콘텐츠를 메인 전면에 노출함으로써 사용자의 요구에 적극 대응했습니다. 뉴스레터 형식의 UI는 사용자에게 긍정적 경험을 일관성 있고 체계적으로 전달했으며, 2단으로 구성된 레이아웃을 바탕으로 영역별 특색(소통, 콘텐츠)에 맞는 Identity를 부여했습니다. 농심 브랜드관은 실사 이미지와 오브제 이미지를 동시에 사용해 전체 Visual의 Balance를 강화했습니다. 사용자 인지 행동을 고려해 UI, 제품에 따른 시퀀스 화면설계를 진행했습니다. 사용자가 손쉽게 콘텐츠를 확인할 수 있도록 제품별 카테고리 영역을 배치하고 제품별 한줄평을 별도의 이동 없이 메인에서 적용할 수 있도록 구현했습니다. 농시미 사이트는 재미를 강조했습니다. 주요 Visual 요소 및 콘텐츠를 강조해 프로모션의 시각화와 즐거움을 어필했습니다. 전체적으로 누구에게나 열려있는 자유로움을 표현하는 깔끔한 레이아웃을 활용했으며 콘텐츠 영역 크기에 차등을 두어 중요도에 따른 영역별 비율을 조정했습니다. 누들푸들은 면 요리를 비롯 커뮤니티의 다양한 콘텐츠를 매거진 형식으로 표현한 공간으로 전문가가 만든 레시피를 공유합니다. 하단 콘텐츠는 속성별로 나누었고 Object Image를 적재적소에 사용함으로써 시각적 동선 흐름을 자연스럽게 유도합니다.
- MEMBERS
- 고영철 장영석 배지혜 문성무 정아름 배수지
세아상역 웹사이트 리뉴얼
웹사이트 리뉴얼
01
글로벌 기업으로서의 인지도 상승, 해외 클라이언트를 고려한 사이트 구축
세아상역 웹사이트 리뉴얼은 초기 프로젝트 시작 시점부터 고객의 니즈가 확실했습니다. OEM, ODM을 주로 하는 기업답게 웹사이트 리뉴얼을 통해 국내는 물론 국외에서의 인지도 및 신뢰도 상승효과를 기대했습니다. 여기에 더해 세아상역이 무역뿐 아니라 여러 나라에서 CSR을 하며 낙후된 국가에 인프라를 구축해주는 사회적 기업이라는 이미지가 홈페이지를 통해 전달되기를 원했습니다. 이에 기존 국문, 영문 사이트를 비롯 별도로 운영하던 윤리경영사이트와 채용 관련 사이트를 통합하는 쪽으로 가닥을 잡고 세아상역 본사는 물론 뉴욕지사와 지속적인 커뮤니케이션을 이어가며 고객의 니즈를 충족하면서도 완성도 높은 사이트 구축을 위해 노력했습니다.
02
인지도 상승을 위한 다양한 콘텐츠 배치, 세아상역 국문 페이지
국문사이트는 좌측에 메뉴 영역을 두지 않고 가로 영역 전체를 활용했습니다. 대신 사용자가 콘텐츠로 쉽게 접근할 수 있도록 맵을 드롭다운 스타일로 만들어 LNB 형태로 구성했습니다. 세아상역의 비즈니스적 전문성과 사회적 기업으로서의 면모를 동시에 보여주기 위해 다양한 콘텐츠를 수급했으며, 별도로 CSR 메뉴를 두어 협력업체와의 Compliance, 상생경영, 환경경영, 윤리경영에 대한 모든 내용을 담아낼 수 있도록 설계했습니다.
03
외국인의 관점에서 바라보고 생각하다, 세아상역 영문 페이지
세아상역만이 가진 탁월한 업무 능력은 물론 환경 경영과 윤리 경영 모두를 보여줄 수 있어야 해외 클라이언트의 신뢰도를 얻을 수 있다고 판단, 별도의 CSR 메뉴를 구성했습니다. 동시에 외국인의 관점에서 바라볼 UI와 디자인에 대해서도 끊임없이 고민했습니다. 그 결과 게시판 메뉴를 제외하고는 One page scrolling을 구현, 사용자가 원하는 정보에 빠르게 접근할 수 있도록 했습니다. 또 외국에서 무척 중요하게 생각하는 웹 접근성 기준 충족에도 매우 신경 썼습니다. 그 결과 장애인인권포럼에서 운영하는 사회적 기업 웹와치의 WA 인증마크를 획득할 수 있었습니다. 재구성한 정보구조를 바탕으로 양질의 콘텐츠를 수급하고 업로드했습니다. 특히 영문 콘텐츠의 퀄리티를 높이기 위해 세아상역 본사는 물론 뉴욕 지사, 미국 컨설턴트와 화상회의를 진행했고, 전문 제작사의 외국인 카피라이터를 통해 끊임없이 문장 검수, 보완 작업을 하면서 높은 완성도의 영문 콘텐츠를 양산했습니다.
04
모든 사용자에게 동일한 정보 습득 기회를! 세아상역 반응형 웹 구현
세아상역의 국문, 영문 사이트는 모두 반응형으로 제작됐습니다. 따라서 PC는 물론 태블릿, 모바일 등 다양한 기기에서 최적화된 해상도를 제공합니다. 또한 모바일의 작은 화면에서도 콘텐츠 내부의 도식, 이미지가 선명하게 출력되도록 태블릿, 모바일 버전의 이미지를 별로도 제작했습니다. 모든 사용자가 동일한 정보를 동일한 퀄리티로 습득할 수 있도록 최선을 다했습니다.
- MEMBERS
- 손영숙 문수정 최준영 하진영 정다운 이은영 최필국 정효진 배지혜 손근우 문성무
마이 월드비전 마이크로사이트 리뉴얼
마이크로사이트 리뉴얼
01
‘더 나은’ 마이 월드비전을 위한 고민
2013년 오픈한 마이 월드비전은 사이트 전반에 사용자가 이용하기에 부정적인 반응 요인이 내재되어 있었습니다. 사용자 편의를 고려하지 않은 UI, 강약 조절 없이 노출된 메인 콘텐츠, 단순 나열 형태의 콘텐츠 배열, 비회원 사용자의 후원 기능 부재 등이 UX적인 불편을 초래하며 초기 이슈가 되었습니다. 여기에 더해 기존 마이 월드비전 사용자를 대상으로 타깃 사용자 그룹 인터뷰 방식인 FGI를 진행, 사용자가 느낀 사이트 이용불편 사항과 리뉴얼 사이트에 바라는 needs를 수렴해 마이 월드비전 리뉴얼 웹사이트의 구성과 방향을 잡았습니다.
02
누구나 간단하게 이용하고 후원하는 웹 포털, 마이 월드비전
이러한 내용을 바탕으로 리뉴얼 작업이 이루어졌습니다. 먼저 사용자 이용현황 분석 결과를 토대로 내비게이션, 인터랙션 기능을 강화했습니다. 직관적이고 친근한 UI 구성은 기존 사용자가 느끼던 UX적 불편을 해소하고, 사용자의 이용 편의를 높였습니다. 오픈 콘텐츠 수집 및 배치에도 주력했습니다. 메인에 배치될 서비스 요소의 강약을 조절하고, 사용자의 감정에 소구할 메인 콘텐츠를 선정함으로써 마이 월드비전의 톤&매너를 제시하고, 사이트 아이덴티티를 강화했습니다. 후원 기능 역시 업그레이드되었습니다. 희망의 선물 결제시스템, 비회원 후원 신청 프로세스 구축을 통해 마이 월드비전 사이트의 주 이용객인 후원자들이 더 빠르고, 간편하게 후원하고, 후원 아동 및 개인의 후원 활동을 확인할 수 있도록 했습니다.
03
마이 월드비전 리뉴얼이 가져온 효과
마이 월드비전 고도화 작업은 사용자의 전체적인 사이트 이용 만족도를 향상하는 결과를 가져왔습니다. 특히 월드비전 내부 업무 시스템과의 연동을 통한 비후원자의 후원 기능, 사용자 개인별 후원 관련 정보 제공은 사용자의 이용 편의를 높였을 뿐 아니라 웹 포털로서의 마이 월드비전의 아이덴티티를 강화하는 효과를 낳았습니다. 사용자 취향에 맞춤 제공되는 콘텐츠 그루핑, 후원 관련 감성 소구 콘텐츠 배치는 후원자는 물론 잠재적인 후원자의 흥미와 호감도를 높였으며 ‘후원’에 대한 긍정적인 느낌을 양산했습니다. 이런 과정을 통해 추후 신규후원자의 비율 역시 높아지기를 기대하고 있습니다.
- MEMBERS
- 고영철 김지형 김경민 배지혜
최근 댓글