Navigation
Tag archives for:

반응형웹

동원홈푸드리뉴얼 썸네일

동원홈푸드 리뉴얼


동원홈푸드
리뉴얼
동원홈푸드는 웹, 모바일 채널에서 하나의 일관된 메시지를 전달하는 브랜드&메시징 전략을 구현하고 있습니다.
URL
www.dwhf.co.kr
SECTION
기업일반
CLIENT
동원홈푸드
OPEN
2014.12
동원홈푸드리뉴얼 콘텐츠 PC,모바일 디바이스 배경 메인 이미지

동원홈푸드 소식 페이지 이미지

01
일관된 아이덴티티를 전달하는 사이트로의 진화, 동원홈푸드
기존 동원홈푸드는 오프라인, 온라인, 웹, 모바일에서 각기 별개의 메시지를 전달하던 마케팅을 펼치고 있었기 때문에, 동원홈푸드만의 고유한 브랜드 아이덴티티를 전 채널에서 일관되게 전달하고자 하는 고객의 니즈가 있었습니다. 따라서 동원홈푸드의 모든 채널에서 일관적인 메시지를 전달하는 브랜딩 전략을 구현하는 방향으로 프로젝트를 진행했습니다.


동원홈푸드 대표음식 페이지 이미지

02
타사와 차별되는 동원홈푸드만의 정체성을 나타내다, 동원홈푸드 프로젝트
일관된 메시징 전달을 위해 우선 유사 기업 사이트 분석에 들어갔습니다. 이를 통해 필수적으로 게시해야 할 콘텐츠와 차별화된 콘텐츠를 분류하고, 콘텐츠 수집 과정을 거쳤습니다. 동원홈푸드만의 대표 COPY와 그에 최적화된 이미지를 선정하여 사이트 전면에 노출했습니다. 사용자의 편의성을 최대한 높이기 위해 PC, 모바일 웹의 최신 디자인 트렌드를 분석해 최적화된 UI, UX를 반영했으며 모든 디비이스에서 동일한 정보를 제공받을 수 있도록 반응형 웹을 구현했습니다.


MEMBERS
정미숙 김태우
키프리스플러스웹사이트고도화 썸네일

키프리스 플러스 웹사이트 고도화


키프리스 플러스
웹사이트 고도화
키프리스 플러스는 세계 공공 IP 정보데이터와 이를 통해 활용서비스를 만드는 민간 기업의 IP 정보 상품을 동시에 제공하는 공공•민간 통합 IP 정보 포털 서비스입니다.
URL
plus.kipris.or.kr
SECTION
공공
CLIENT
한국특허정보원
OPEN
2014.12
키프리스 플러스 웹사이트 고도화 콘텐츠 메인 이미지

키프리스 플러스 웹사이트 서비스 소개 페이지 이미지

01
특허정보포털사이트 키프리스 플러스
키프리스 플러스는 공공 및 민간 IP 정보상품의 보편적 데이터 서비스 제공을 위해 기획됐습니다. 기존에는 특허정보상품과 서비스를 통합 검색하고, 공공 특허정보를 전달하는 서비스 중심이었다면 고도화된 키프리스 플러스는 사용자 중심의 ‘공공•민간 특허정보포털사이트’로 국내 민간 IP 정보 상품, 공공 IP 정보 데이터 융합, 해외 IP 정보 기업 서비스 참여 유도 등 글로벌 서비스 확대를 더해 차별성을 높였습니다.


데이터 포맷 제공의 LOD서비스 페이지 이미지

02
업그레이드된 IP 서비스 제공
일반인, 대학생, 개발자, 연구소, 민간 IP 기업, 관련 기관 등 다양한 서비스 타깃을 대상으로 하는 만큼 서비스 자체에도 다양성을 더했습니다. IP 정보 상품 개발 및 판매 지원, 사용자 군의 편리한 정보 접근 및 데이터 서비스 확대를 위한 다양한 방식의 데이터 포맷 제공, IP 정보의 전문성을 살린 서비스 제공을 바탕으로 한 일인 창조기업 지원 서비스가 지원됩니다. 또한 Open API(REST), BULKDATA(FILE), SHEET, CHART, LINK를 통한 데이터 웹 서비스가 제공되며 특허청의 IP-Biz 사업과 연계한 LOD 서비스를 제공합니다. 기술적으로는 E-GOV 표준 프레임워크를 사용해 키프리스 플러스 s를 구축했고 데이터 서비스를 위한 플랫폼 초기 모델을 완성했습니다. 데이터 서비스를 위한 모델링 단계에서는 각각의 서비스 확장을 위한 구조를 수립하였습니다. 또한, 시큐어코딩 및 마이크로데이터, 시맨틱마크업을 통한 SEO 최적화 적용으로 해외서비스에도 적합하도록 구현했습니다. 기존에는 모바일 최적화가 이루어지지 않았으나 본 사업을 통해 모바일에서도 PC와 같은 정보를 취득할 수 있게 됐습니다. 메인은 최근 많이 사용하는 와이드 모니터를 대상으로 모든 서비스를 확인할 수 있도록 구성했으며, 4:3 모니터에서 동일 서비스를 지원하는 반응형 웹을 적용했습니다. 이외에 UX적 혼동을 줄이기 위해 데이터 서비스 고유의 내용을 유지하고 공공과 민간 IP 정보 상품을 동일 UI로 구성함으로써 사용자가 다양한 콘텐츠에 빠르게 접근할 수 있도록 설계했습니다.


키프리스 제공 Open API페이지 이미지

03
키프리스 플러스 고도화의 의미
아직 보강되고 개발되어야 할 부분은 분명 존재합니다. 그러나 CKAN 및 소크라타와 같은 솔루션을 사용하지 않고, PCN 단독사업으로 E-GOV 프레임워크를 활용해 데이터 플랫폼 서비스의 초기 모델을 제작했다는 데에 의미가 크다고 할 수 있습니다.


MEMBERS
박인혁 권백송 김선란 채성기 이선정 전미란
세아상역 웹사이트 리뉴얼 썸네일

세아상역 웹사이트 리뉴얼


세아상역
웹사이트 리뉴얼
세아상역 웹사이트는 세아상역이 가진 비즈니스 전문성과 사회적 기업으로서의 윤리적 측면을 효율적으로 보여주는 정보구조로 설계됐습니다. 해외 클라이언트를 고려한 양질의 영문 콘텐츠 수급, 디자인 레이아웃 반영, UI 실현에 중점을 두었습니다.
URL
www.sae-a.com

SECTION
기업일반
CLIENT
세아상역
OPEN
2014.09
세아상역 웹사이트 리뉴얼 콘텐츠 메인

사회적 기업 이미지의 세아상역 메인 페이지 이미지

01
글로벌 기업으로서의 인지도 상승, 해외 클라이언트를 고려한 사이트 구축
세아상역 웹사이트 리뉴얼은 초기 프로젝트 시작 시점부터 고객의 니즈가 확실했습니다. OEM, ODM을 주로 하는 기업답게 웹사이트 리뉴얼을 통해 국내는 물론 국외에서의 인지도 및 신뢰도 상승효과를 기대했습니다. 여기에 더해 세아상역이 무역뿐 아니라 여러 나라에서 CSR을 하며 낙후된 국가에 인프라를 구축해주는 사회적 기업이라는 이미지가 홈페이지를 통해 전달되기를 원했습니다. 이에 기존 국문, 영문 사이트를 비롯 별도로 운영하던 윤리경영사이트와 채용 관련 사이트를 통합하는 쪽으로 가닥을 잡고 세아상역 본사는 물론 뉴욕지사와 지속적인 커뮤니케이션을 이어가며 고객의 니즈를 충족하면서도 완성도 높은 사이트 구축을 위해 노력했습니다.


LNB형태 세아상역 비즈니스 국문페이지 이미지

02
인지도 상승을 위한 다양한 콘텐츠 배치, 세아상역 국문 페이지
국문사이트는 좌측에 메뉴 영역을 두지 않고 가로 영역 전체를 활용했습니다. 대신 사용자가 콘텐츠로 쉽게 접근할 수 있도록 맵을 드롭다운 스타일로 만들어 LNB 형태로 구성했습니다. 세아상역의 비즈니스적 전문성과 사회적 기업으로서의 면모를 동시에 보여주기 위해 다양한 콘텐츠를 수급했으며, 별도로 CSR 메뉴를 두어 협력업체와의 Compliance, 상생경영, 환경경영, 윤리경영에 대한 모든 내용을 담아낼 수 있도록 설계했습니다.


외국인 관점 세아상역 영문 뉴스페이지 이미지

03
외국인의 관점에서 바라보고 생각하다, 세아상역 영문 페이지
세아상역만이 가진 탁월한 업무 능력은 물론 환경 경영과 윤리 경영 모두를 보여줄 수 있어야 해외 클라이언트의 신뢰도를 얻을 수 있다고 판단, 별도의 CSR 메뉴를 구성했습니다. 동시에 외국인의 관점에서 바라볼 UI와 디자인에 대해서도 끊임없이 고민했습니다. 그 결과 게시판 메뉴를 제외하고는 One page scrolling을 구현, 사용자가 원하는 정보에 빠르게 접근할 수 있도록 했습니다. 또 외국에서 무척 중요하게 생각하는 웹 접근성 기준 충족에도 매우 신경 썼습니다. 그 결과 장애인인권포럼에서 운영하는 사회적 기업 웹와치의 WA 인증마크를 획득할 수 있었습니다. 재구성한 정보구조를 바탕으로 양질의 콘텐츠를 수급하고 업로드했습니다. 특히 영문 콘텐츠의 퀄리티를 높이기 위해 세아상역 본사는 물론 뉴욕 지사, 미국 컨설턴트와 화상회의를 진행했고, 전문 제작사의 외국인 카피라이터를 통해 끊임없이 문장 검수, 보완 작업을 하면서 높은 완성도의 영문 콘텐츠를 양산했습니다.


세아상역 사회적 책임 페이지 이미지

04
모든 사용자에게 동일한 정보 습득 기회를! 세아상역 반응형 웹 구현
세아상역의 국문, 영문 사이트는 모두 반응형으로 제작됐습니다. 따라서 PC는 물론 태블릿, 모바일 등 다양한 기기에서 최적화된 해상도를 제공합니다. 또한 모바일의 작은 화면에서도 콘텐츠 내부의 도식, 이미지가 선명하게 출력되도록 태블릿, 모바일 버전의 이미지를 별로도 제작했습니다. 모든 사용자가 동일한 정보를 동일한 퀄리티로 습득할 수 있도록 최선을 다했습니다.


MEMBERS
손영숙 문수정 최준영 하진영 정다운 이은영 최필국 정효진 배지혜 손근우 문성무
Back to top