슬라이드 1

Size: px

Start display at page:

Download "슬라이드 1"

순애 곽
7 years ago
Views:

1 E-business Community Connect Operator Network web & mobile Total Service ecconet brochure

2 이코넷은 고객의 e비즈니스 접점인 Web. Mobile. Consulting 의 통합 컨설팅 서비스를 제공하는 웹 & 모바일 컨설팅 대행사입니다. Online Total Service Agency

3 Overview 이코넷은 고객 비즈니스의 성공과 만족을 통해 지속적인 성장과 발전을 이뤄 나가겠습니다. 회사명 주요사업분야 대표자 이코넷 웹/모바일 홈페이지 구축, 검색엔진최적화 컨설팅, 웹 접근성 컨설팅, 웹서비스 개발, 유지보수 운영 권영수 임직원 설립연도 자본금 10 명 2014년 1월 5000만원 주소 서울시 구로구 구로동 HK타워 908호 연락처 tel fax 대표메일

4 Organization 이코넷은 고객의 다양한 요구 및 신속한 트렌드 대응을 위해 조직체계를 구성하고 있습니다. CEO 경영지원 그룹 컨설팅 그룹 크리에이티브 그룹 웹표준/웹접근성 그룹 솔루션/개발 그룹 프로젝트 기획팀 UI, UX 설계팀 웹접근성 컨설팅 솔루션 개발팀 마케팅 팀 크리에이티브팀 SEO 최적화 팀 웹서비스 개발팀 서비스운영팀 서비스운영팀 시스템 개발팀 운영지원팀

5 Contact 업무의뢰 및 전략적 제휴에 관한 고객의 요청을 기다리고 있습니다. Web Service Mobile Service Marketing 사업제휴 마케팅 문의 사업제휴/서비스 문의 이 석 희 과장 이 명 진 팀장 상담문의 문의처에 상담해주세요.

6 Vision 플랫폼 & 비즈니스 전략 수립을 통해, 고객과 성공 경험을 함께 할 수 있는 이코넷이 되겠습니다. Web & Mobile Total Service ecconet Platform Process Consulting Innovation 최적화된 Platform 구현으로 선순환적 Process 구축하여 지속적인 Consulting 을 만들어 Innovation 전략으로 User에게 전달해 드리겠습니다.

7 검색엔진최적화 (SEO) 검색엔진최적화는 검색엔진이 알기 쉽게 컨텐츠를 최적화 구성하고 검색 유저에게 도움이 되는 훌륭한 정보를 제공하는 일련의 마케팅 기법입니다. 최적화 필요성 비효율의 악순환을 해결할 방법은 검색엔진최적화가 정답이며 광고 예치금을 부족하면 광고부분에서 사라져 유저가 여러분의 홈페이지를 다시는 찾을 수 없고. 경쟁이 심화되는 키워드는 투자대비 효율을 고려하더라도 치솓는 광고 단가를 감당하기에는 고통스런 부분입니다. 검색엔진최적화를 진행하면 광고를 통해 유입된 방문자보다 순수 검색을 통해 유입된 방문자의 전화율( 구매율, 상담율, 회원가입율 )이 월등히 높습니다. 지속적으로 증가하는 광고비를 해결할 방법 검색엔진최적화 입니다. 방법론 방법론으로는 온라인 마케팅의 상황실, 홈페이지 내부에서의 검색엔진최적화 온페이지작업과 외부 웹사이트에서의 링크 및 언급을 관리하는 오프페이지 작업으로 나눕니다. 오프페이지에는 검색사이트, 카페, 블로그, 트위터, 페이스북, 기타 동종 유사사이트에서의 링크 및 컨텐츠 생산이 있습니다.

8 검색엔진최적화 노하우 SEO를 통해 방문한 잠재고객, 가망고객을 전환고객으로 유도하기 위해서는 유입된 키워드에 부합하는 페이지구성과 유저의 마음을 유혹한 카피, 충실한 컨텐츠의 구조화와 합리적인 노출이 중요합니다. 검색엔진최적화의 요소 어떤 키워드로? 누가 올것인가? 어디를 통해서 올것인가? 어디로 도착할것인가? 저렴한 비용, 높은 효과, 한번 투자로 장기적 효과 랜딩 페이지 최적화 내방자가 목적으로 하는 정보까지의 경로를 알기 어려운 랜딩페이지라면 즉시 이탈로 이어질 가능성이 높습니다. 목적 페이지나 컨텐츠에 유도해, 전환율을 높이기 위한 방법이며 명확한 목적을 가지고 Web 사이트를 방문하는 손님의 요구는 다양하며 타겟사이트를 파악하고, 요구를 짐작해 최적인 랜딩 페이지를 준비 설정하는 것으로 전환율의 향상을 기대할 수 있습니다. Web usability 서투른 유저가 톱 페이지는 아니고 사이트 중의 깊숙한 계층에 놓여진 페이지에 직접 접속한 경우 사용하기 쉬운 인터페이스와 직관적인 화면구조 등의 개선을 통해 보다 높은 퀄러티의 Usability를 유지해야 합니다. 항시 처음 방문하는 유저를 염두에 두어 높은 수준의 유저빌리티를 유지한다면 SEO를 통해 방문한 유저에게서 보다 높은 전환율을 기대할 수 있습니다..

9 검색엔진최적화 제작 및 사례 SEO 해외검색엔진 코리아 코스메틱 (페이스북 페이지 / 블로그 연계운영) 과업 : 한국 화장품 기업 홍보페이지 타켓 국가 : 동남아, 미주 코리아 코스메틱 블로그 동시 운영 페이스북 어플리케이션 개발 해외 블로거 협찬 및 리뷰활동 연계 성과 페이지 팬 수 : 11만 명 (운영당시 2012년) 한국 화장품에 대한 해외 바이어 문의 한국 화장품 기업의 글로벌 마케팅 활성화 SEO 블로그 워드프레스 제작 워드프레스 (반응형 웹페이지, SEO 검색엔진최적화) SKT API 센터 ( SEO ) 경기도 관광 E Thank You ( SNS 마케팅 ) 야킨 스택 청바지브랜드 ( SEO )

10 웹표준 웹 표준이라 함은 W3C(World Wide Web Consortium), ECMA(European Computer Manufacturers Association) International 등과 같은 표준화기구에서 승인한 개방형 인터넷표준을 말하는 것으로 하나의 웹이 어떤 브라우저에서라도 볼수 있고 서비스가 가능한 규칙을 의미합니다. 웹 표준의 기본 다양한 브라우저 지원 HTML5 모든 플러그인 대체 Active X를 비롯한 플러그인을 설치하지 않고도 모든 브라우저 서비스 지원 CSS3 글꼴,크기,색상,이벤트 HTML 추가 공통으로 화면에 표시되는 글자의 크기나 색깔 배경색, 테이블등의 기타 요소를 하나로 묶어 수정유지, 보수 가능 서로다른 화면 해상도와 브라우저 상에서 테이블 없이도 동일하게 보여지게 페이지 생성 자바스크립트 웹상에서 발생하는 이벤트 컨트롤 사용자에게 정보를 입력받는 폼을 작성, 폼 값을 가공하거나 검사하여 서버로 전송 브라우저 제어, 사용자에게 경고나 확인 메시지 전송 쿠키를 이용한 페이지간의 데이터를 이동하고 Java와 연동 Internet Explorer Mozilla Firefox Google Chrome Apple Safari OPERA - 윈도우 95운영체제의 부가 프로그램으로 처음 등장. 윈도우를 설치할 때 함께 설치되거나 서비스팩을 통해 별도로 제공 - 다른 브라우저에 비해 속도가 느리고 ActiveX로 인한 보안성 취약 - 속도가 매우 빠르고 웹 표준을 준수하고 다양한 부가 기능을 제공 - ActiveX 지원하지는 않지만 IE탭 을 적용 인터넷 익스플로러와 흡사 년 출시, 업그레이드가 빠르고 속도 역시 매우 빠름 - 파이어폭스와 마찬가지로 IE탭 부가 가능 지원 - 애플의 웹브라우저, 빠른 속도가 장점 - 아이팟, 아이폰, 아이패드의 인기와 더불어 모바일 웹에서 점유율이 높음 - 작은용량과 빠른 속도가 장점 - 모바일용 웹브라우저 오페라 미니 웹브라우저 역시 빠른 속도로 호평

11 웹접근성 웹 접근성(Web Accessibility)이란, 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 평등하게 웹사이트를 이용할 수 있게 하는 방식을 가리키며 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있습니다. 한국형 웹 콘턴츠 접근성 가이드라인(KWCAG 2.0) 4원칙, 13지침, 22검사항목 1 인식의 용이성 사용자가 장애 유무 등에 관계없이 웹 사이트에서 제공하는 모든 콘텐츠를 동등하게 인식할 수 있도록 콘텐츠를 제공 2 운용의 용이성 사용자가 장애 유무에 등에 관계없이 웹 사이트에서 제공하는 모든 기능을 운용할 수 있게 제공하는 것을 의미 3 이해의 용이성 사용자가 장애의 유무와 관계 없이 웹 사이트에서 제공하는 콘텐츠를 이해할 수 있도록 제공하는 것을 의미 4 견고성 사용자가 기술에 관계 없이 웹 사이트에서 제공하는 콘텐츠를 이용할 수 있도록 제공하는 것을 의미

12 웹표준 및 웹접근성 지원방향 웹표준 및 웹접근성 지원을 위한 다음과 같은 사항을 지원함. 웹표준 관련 웹접근성 관련 HTML 4 CSS1,2 Java Script IE 8이상 지원 ActiveX 플러그인 이외 지원 코드품질향상 문서 유형 정의 깨진 링크 수정 인코딩 설정 성능 최적화 접근성 설명적 텍스트 제공 브라우저 호환성 제공 텍스트 브라우징 제공 이미지 의존성 제거 HTML4 사용: IE8하위 버전에서 HTML5 지원(호환 불가능) CSS1, 2 공통적용 : IE8하위 버전에서 CSS3 지원(호환)하지 않음 웹 표준 및 ActiveX 외에 웹 표준 지원 사용성 확연한 시각 대비 명확한 링크 텍스트 용이한 메뉴 구조 검색 기능 제공 기타 탭, Shift 탭 메뉴 이동 동영상 자막제공 멀티미디어 자막제공 ActiveX 페이지 접근성 미제공 솔루션 웹 콘텐츠 접근성 지침 준수 및 웹접근성 품질마크 획득 추진 웹접근성 품질인증기관 지정 관련한 국가정보화기본법 시행규칙 시행 예정 ( ) 웹접근성 품질인증기관 으로부터 웹접근성 품질마크 획득 지원

13 웹접근성 작업범위 웹접근성을 준수하여 구축된 홈페이지로 장애인대상의 홈페이지를 따로 구축하지 않고 일반사용자들과 함께 이용가능. 시각장애인이 이미지에 대한 정보를 화면낭독 프로그램을 통해 음성으로 제공. 색각이상자도 색상에 구애 없이 콘텐츠를 인식할 수 있으며 흑백모니터 및 흑백프린터로 경우에도 색상에 무관하게 정보를 인식. 깜빡임으로 인해 발작 증세를 일으키는 장애인을 위해 스크린의 깜빡거림 제거. 마우스를 사용하기 어려운 지체장애인, 시각장애인이 모든 콘텐츠에 자유롭게 접근가능 구현. 시각장애인이 화면낭독 프로그램을 통해 데이터 셀에 제시된 의미를 이해할 수 있도록 테이블로 구성. 이미지로 정보를 전달하는 경우 화면낭독 프로그램을 통해 음성 제공. 기대효과 업계의 긍정적 이미지 형성 및 신뢰감 높이는 동시에 홍보효과. 웹접근성 준수한 정보접근성 강화한 홈페이지 기반 구축. 장애인차별금지법(법적 의무 준수)에 대한 대응력 확보. 정부정책 부응에 따른 이미지 제고 및 사회적 공익구현. 향후 웹 접근성 인증마크 획득 사전 준비 완료. 웹 접근성 준수 기본안 마련을 통한 향 후 홈페이지 구축 및 유지보수의 초안 제공. 웹 접근성 마크 획득을 위한 사전준비 (ActiveX 제공 페이지 제외)

14 웹접근성 컨설팅 서비스 국가표준인 한국형 웹 콘텐츠 접근성 지침 2.0 의 웹접근성 준수 가이드를 기준으로 웹접근성 품질인증기관과 동일한 절차와 방법으로 웹접근성 진단을 수행합니다. 전문가 진단 프로세스 K-WAH 자동 진단 - 웹사이트 전수조사실시 - 웹접근성 6개 지침에 대한 자동 진단 사용성 진단 프로세스 전문가 집단 - 다양한 웹접근성 점검 도구를 통한 수동 진단 실시 - 페이지 소스 확인 및 오류 진단 K-WAH 한국형 웹 콘텐츠 접근성 지침 2.0에 따라 웹사이트가 접근성 지침이 6개의 세부지침 을 준수하는지를 자동 점검하도록 지원. 1. 적절한 대체 텍스트 제공 2. 제목제공 3. 기본언어 명시 4. 사용자 요구에 따른 새창 열기 5. 레이블 제공 6. 마크업 오류방지 웹사이트 사용성 체크 - 웹사이트 전체 사용성 임의 테스트 실시 전맹, 지체장애인 진단 - 과업에 대하여 화면낭독기 진단 - 과업에 대하여 마우스 비사용 진단 * 화면 낭독기는 스크린리더 사용 웹 접근성의 근간을 이루는 4개의 원칙 ( 인식의 용이성, 운용의 용이성, 이해의 용이성, 견고성 ) 진단할 수 있는 페이지 선정하여 진단 예를 들어 메인페이지, 이미지 있는 컨텐츠 페이지, 멀티미디어 페이지, 자동으로 움직이는 페이지, 별도의 링크 제공하는 페이지, 표를 구성하는 컨텐츠, 게시판 컨텐츠, 입력 창이 있는 페이지, 별도의 웹어플리케이션 포함된 페이지 등 웹접근성 준수 및 품질마크 획득 실적 [기업 및 금융] 2014년 우체국예금보험 웹사이트 웹접근성 준수 2013년 대구은행 웹사이트 웹접근성 준수 2012년 KBS 여수엑스포 웹사이트 웹접근성 진단 2012년 KBS 시큐리티 웹사이트 웹접근성 진단 2012년 서울 핵안보 정상회의 웹사이트 웹접근성 진단

15 웹접근성 컨설팅 서비스 웹접근성 준수 프로세스 Start 분석 및 설계 구현 테스트 및 검수 OPEN 사전진단 사전교육 및 컨설팅(자문) 전문가 진단 검수 및 확인 품질인증 신청 및 획득 * AS-IS 웹접근성 오류 유형 파악 및 분석 * 주요 이슈사항 정리 및 개선방향 도출 K-WAH 4.4 자동 진단 전문가 진단 * 퍼블리셔, 개발자를 위한 웹접근성 교육 * 디자인 프로토타입 점검 * 표준 코딩, 개발 페이지 진단 및 가이드 점검 웹접근성 준수 가이드 제작 * TO-BE 상태의 웹 접근성을 정밀 진단 * AS-IS와 비교 검수 및 추가 유형 확인 K-WAH 4.4 자동 진단 전문가 및 사용자 진단 * 전문가 최종 진단 및 점검 (WA품질인증 수준에 상응 하는 웹 접근성 수준 검증) * 장애인 사용성 진단 최종 웹접근성 진단 확인서 보고서 제출 - WA 품질인증 심사 신청 - 보완요청시 대응 - 품질인증마크 전달 품질인증마크는 법적으로 의무사항은 아닙니다 웹접근성 준수를 위한 제작 방법에 대한 리스크 체크 차별화 서비스 전문가 진단 Open Wax 수동평가 진단 실무 퍼플리셔 전문가 구체적 해결방안 제시 (필요시 상주 지원) 사용자 진단 시각, 지체 평가 지원 (해결방안 가이드 제시)

16 웹접근성 기술 소개 All-in-One System 개요 웹접근성 진단 전문가와 웹표준 퍼플리셔로 구성되어 웹접근성 준수 프로젝트에 투입, 기획/디자인/ 코딩/개발 단계에서 발생할 수 있는 웹접근성 문제를 최소화하여 추가적인 비용발생 및 개발일정을 준수할 수 있도록 함 대상 Web, Moblie 서비스 구축 대한 웹접근성 준수를 하고자 하는 서비스 장점 웹접근성 및 사용성 향상 웹접근성 준수를 위해 가장 효율적인 방안을 제시하여 웹접근성 구현 UX, CX를 고려하여 UI에 반영, 사용성 향상 개발오류의 발생 방지 최소화 웹접근성 진단전문가와 기술자의 1차로 분석 후 개선방안을 개발자들과 커뮤니케이션을 통해 문제의 발생을 방지 및 최소화 개발기간 준수 및 완성도 향상 웹접근성 진단을 통해 확인된 문제에 대한 기본적인 개발 가이드를 개발자에게 제공

17 웹접근성 기술 소개 All-in-One System 웹접근성 준수 플로우 웹접근성 진단 웹접근성 전문가 및 웹표준 퍼블리셔로 구성된 전문가가 현재 사이트(페이지)의 웹 접근성 진단 보고서 작성 진단결과에 따른 웹접근성 보고서 작성 개발가이드 작성 진단보고서를 바탕으로 웹접근성 준수를 위한 기본 웹접근성 준수를 위한 가이드 작성 개선방안 공유 기획/디자인/코딩/개발 담당자들과 웹접근성 준수를 위한 현 사이트(페이지)의 문제점 및 준수 방안을 사전 공유 및 회의를 통해 개발방안 도출 웹접근성 관리 사업 진행 중 각 분야별로 웹접근성이 준수될 수 있도록 점검하고 결과물에 대해 웹접근성 확인을 진행하여 최종 결과물이 웹접근성 준수가 되도록 관리

18 웹접근성 기술 소개 Man to Man System 개요 기존에 구축된 사이트 및 서비스에 대해 관리 담당자가 웹접근성 전문가가 아닌 경우 웹접근성 준수 및 구현이 필요한 페이지와 서비스만 선별적으로 웹접근성 준수를 위한 개발 및 수정이 어려운 사이트 에 웹접근성 전문가를 투입하여 필요한 부분에 대해 웹접근성 구현 및 문제를 해결하도록 함 대상 웹접근성 준수가 필요한 일부 페이지 또는 서비스 장점 웹접근성 구현의 효율성 향상 웹접근성 문제가 있는 페이지 및 서비스를 부분적으로 수정 및 준수하여 단위별로 웹접근성 구현가능 비용 및 시간절감 웹접근성이 필요한 부분에 대해 웹접근성 전문가가 투입되어 웹접근성 구현 관리의 효율성 향상 담당 관리자와 웹접근성 전문가가 웹접근성 준수가 필요한 부분에 대해 공동으로 진행하여 관리자의 관리능력 향상

19 웹접근성 기술 소개 Man to Man System 웹접근성 준수 플로우 분석 웹접근성 준수가 필요한 페이지 및 서비스에 대한 웹접근성 분석 개발 웹접근성 준수(개발 및 코딩) 공유 담당관리자와 준수가 필요한 페이지 및 서비스에 대한 준수 방법 및 내용을 공유하여 관리자의 관리 능력 향상

20 Reference 효율적인 업무 프로세스를 통해, 고객과 USER 모두 만족하는 Service를 제공해 드리고 있습니다. 2010~ ~ 2014 SKT API Center 웹사이트 제작 경기도관광 E-thank You 부분개편 곤지암리조트 모바일웹 제작 국립중앙도서관 모바일웹 제작 귀뚜라미 범양냉방 웹사이트 제작 Natural Law 쇼핑몰 사이트 제작 더블노블레스 쇼핑몰 사이트 제작 대명투어몰 쇼핑몰 부분개편 제작 리브로피아 웹/모바일 사이트 제작 리온 웹사이트 제작 블루밍 컨텐츠 부분개편 송파NTV 인터넷방송 웹사이트 제작 신우개발주식회사 웹사이트 제작 양주시의회 컨텐츠 부분개편 웅가로 웹사이트 제작 파인핸즈 웹사이트 제작 한탄강호텔 컨텐츠 부분제작 KBS 대구육상 세계선수권 웹사이트 제작 행복한 통신세상 FreeC 사이트 제작 GS건설 자이앱 사이트 제작 KBS TV & Radio 정기개편 SLS International 웹사이트 제작 Tworld Café 웹사이트 제작 국립도서관 일본어 사이트 제작 대교 공부와락 웹사이트 제작 동국대학교 불교학술원 웹사이트 제작 두리안 웹사이트 제작 마이바움 웹사이트 제작 삼성탈레스 컨텐츠 부분개편 윙쿠폰 웹사이트 제작 맛있는 여행이야기 토스트 모바일웹 제작 리브로피아 부분개편 KBS 시큐리티 웹사이트 제작 KBS 여수엑스포 웹사이트 제작 KBS 서울 핵안보정상회의 웹사이트 제작 SK웹진 1호 ~ 73호 컨텐츠 제작 ING생명 버킷리스트 웹사이트 제작 에이스안전유리 웹사이트 제작 이마트 트레이스몰 부분개편 정보화마을 부분개편 대구은행 웹사이트 제작 기업은행 스마트뱅킹 모바일웹 제작 Everrich 우체국예금보험 웹사이트 제작 원진성형외과 다국어 웹사이트 SEO 제작 2015 원진성형외과 다국어 웹사이트 유지보수 휴먼스틸 웹사이트 제작 랜드마크 웹사이트 제작 창세기전4 웹사이트 개발제작 리플레이스 게임서버 개발

21 Web & Moblie 금융 EVERRICH 우체국 예금보험 인터넷뱅킹 오픈일 URL

22 Web & Moblie 금융 대구은행 인터넷뱅킹 오픈일 URL

23 Web & Moblie 금융 기업은행 기업스마트뱅킹 App 오픈일 URL 앱스토어 / 안드로이드

24 Web & Moblie 금융 삼성생명 FC모바일 오픈일 URL 내부망 구축

25 Web & Moblie 병원 원진성형외과 다국어 웹사이트 SEO 최적화, UI 개발 제작 오픈일 URL

26 Web & Moblie 기업 KBS 여수세계박람회 공식 웹사이트 오픈일 URL

27 Web & Moblie 기업 KBS 서울 핵안보정상회의 공식 웹사이트, 모바일웹 오픈일 URL

28 Web & Moblie 기업 KBS 시큐리티 공식 웹사이트 오픈일 URL

29 Web & Moblie 기업 KBS 대구세계육상선수권대회 오픈일 URL

30 Web & Moblie 기업 Tworld 카페 오픈일 URL

31 Web & Moblie 기업 리브로피아 오픈일 URL 앱스토어 / 안드로이드

32 Web & Moblie 기업 곤지암 리조트 앱 오픈일 URL 앱스토어 / 안드로이드

33 Web & Moblie 기업 SK웹진 1호 ~ 73호 오픈일 URL

34 Web & Moblie 쇼핑 이마트 트레이스몰 오픈일 URL

35 Web & Moblie 쇼핑 Natural Law 온라인 쇼핑몰 오픈일 URL

36 Web & Moblie 게임 창세기전4 개발 오픈일 URL

슬라이드 1

슬라이드 1 ment Perspective (주)아임굿은 빅데이터 기술력, 반응형웹 제작, 온라인마케팅 노하우를 겸비한 IT 솔루션개발 및 마케팅 전문 기업입니다. 웹 정보를 수집하는 크롟링 시스템과 대량의 데이터를 처리하는 빅데이터 기술을 통해 쉽게 지나칠 수 있는 정보를 좀 더 가치있고 흥미로운 결과물로 변화하여 고객에게 제공하고 있습니다. 또한 최근 관심이 높아지고