쉬운디자인플랫폼, 망고보드망고보드서비스소개서 리아모어소프트 서울시영등포구영신로 220 KnK 디지털타워 611 호 Tel. 02-2655-9749 Fax. 0303-3443-9769 http://www.mangoboard.net
서비스소개서목차 누구나디자이너가된다 망고보드서비스소개서목차 1. 망고보드서비스소개 1) 서비스소개 2) 특징및장점 3) 다양한디자인템플릿 2. 에디터기능소개 3. 참고자료 1) 라이선스규정안내 2) 유료요금제안내 3) 개발플랫폼및기능요약 4) 튜토리얼영상과매뉴얼 5) 사용자갤러리 6) 품질인증 4. 이용사례 Page. 1
망고보드서비스소개 1 01 망고보드서비스소개 1) 서비스소개 2) 특징및장점 3) 다양한디자인템플릿 Page. 2
망고보드서비스소개 1 누구나디자이너가된다 인터넷연결되는곳어디서나쉽고편리하게나만의디자인을제작 온라인이미지, 오프라인인쇄물에저작권걱정없이 템플릿, 디자인요소, 편집툴을제공하는웹기반의디자인제작플랫폼 웹기반제작도구로별도의프로그램설치나다운로드가필요없음 클릭과드래그앤드롭방식의간편하고직관적인사용자인터페이스로드로잉이필요없음 아이콘 / 사진등의디자인요소를이용작업시간단축및비용절감효과 클릭혹은드래그로텍스트, 차트, 아이콘등을자유롭게! 텍스트를입력하세요 Page. 3
망고보드서비스소개 1 특징및장점 텍스트를입력하세요 인포그래픽, 카드뉴스, 상세페이지, SNS, 포스터, 프레젠테이션, 배너 다양한형식의템플릿아이콘, 사진, 도형등의디자인요소손쉬운편집을돕는에디팅기능 텍스트를입력하세요.jpg.png.pdf.mp4 강력한차트, 지도, 표작성기능직접만드는캘리그라피와다양한글꼴 URL 공유및이미지파일, 동영상다운로드 Page. 4
망고보드서비스소개 1 활용분야 기업 개인 중 소기업의디자인제작플랫폼역할 기업홍보및마케팅도구 언론사의뉴스인포그래픽과카드뉴스제작 교육분야에서학습자료, 리포트작성 사회단체, 공공기관, 비영리법인의홍보및콘텐츠제작도구 쇼핑몰운영자상세페이지및 1 인창업자디자인제작도구 보고서, 이력서, 조사 / 설문지, 제안서및프레젠테이션제작및시연 멀티미디어교육, 학생레포트및팀과제물제작 웹사이트및 SNS 에서시각화정보게시 기타템플릿및폼 (form) 구매수요충족 Page. 5
망고보드서비스소개 1 다양한디자인템플릿 인포그래픽 1920*1080( 가로 ) 1080*1920( 세로 ) 다양한차트와데이터시각화도구로쉽게인포그래픽을제작 Page. 6
망고보드서비스소개 1 다양한디자인템플릿 카드뉴스 720*720 복수의슬라이드를한 Set 로제공 이미지와텍스트교체만으로도편리하게카드뉴스제작가능 Page. 7
망고보드서비스소개 1 다양한디자인템플릿 상세페이지 860*1100 복수의슬라이드를 한 Set 로제공 필요한레이아웃을선택, 조합하여원하는세로길이의상세페이지제작 Page. 8
망고보드서비스소개 1 다양한디자인템플릿 SNS 800*800 SNS 이벤트및홍보이미지제작에특화 Page. 9
망고보드서비스소개 1 다양한디자인템플릿 프레젠테이션 1280*960 복수의슬라이드를한 Set 로제공 Page. 10
망고보드서비스소개 1 다양한디자인템플릿 배너 1000*370 Page. 11
망고보드서비스소개 1 다양한디자인템플릿 포스터 1191*1684 (A2) 각종출력 / 인쇄물제작에주로사용 Page. 12
망고보드서비스소개 1 다양한디자인템플릿 유튜브썸네일 1280*720 유튜브썸네일메인이미지로사용 Page. 13
에디터기능소개 2 02 에디터기능소개 템플릿 디자인요소 디자인요소편집 하이퍼링크 차트 / 지도 / 표 동영상삽입 공개페이지 인쇄용 PDF 즐겨찾기 Page. 14
에디터기능소개 2 템플릿 미리준비된디자인서식 으로그래픽요소를교체및수정, 조합하여사용 현재인포그래픽 ( 가로 / 세로 ), 카드뉴스, 상세페이지, SNS, 프레젠테이션, 배너, 포스터, 유튜브썸네일 8 가지카테고리의템플릿을제공 사용자요구에따른카테고리추가예정 800 종이상의템플릿제공및최신디자인트렌드를반영한매주업데이트 다양한템플릿중원하는템플릿을선택 2018 년정부예산안 미리배치되어있는디자인요소들을수정혹은교체하여바로사용가능 Page. 15
에디터기능소개 2 디자인요소 아이콘, 사진, 도형등삽입및편집이가능한디자인요소들을총칭 색상및크기조정이자유로움 현재수만개이상의디자인요소제공중으로지속적인업데이트실시 디자인요소에는태그가내장되어있어용도에따라검색이용이 국문 87 종, 영문 71 종의웹폰트제공하여별도의글꼴설치없이사용 사진 텍스트프레임 차트 이미지프레임 텍스트 선 텍스트를입력하세요 도형 Page. 16
에디터기능소개 2 디자인요소 - 캘리그라피 자유롭게조합해만드는나만의캘리그라피 텍스트 탭의 캘리그라피 카테고리에서사용가능 캘리그라피서체를선택 ( 현재 5 종제공 ) 하여미리조합된샘플을이용하거나자 모음낱개를선택하여자유롭게조합하여문장완성 서체를먼저선택한후미리조합된샘플을선택하거나자ㆍ모음낱개를선택하여자유롭게조합 실제샘플예시 Page. 17
에디터기능소개 2 디자인요소편집툴바 디자인요소의속성조정기능을가진메뉴바 디자인요소의종류에따라제어할수있는속성에차이가있음. 공통적인제어가능속성으로는크기와투명도가있으며종류에따라글꼴, 색상, 반전, 링크등의속성을추가로조절할수있음 텍스트박스내부에서부분적인색상 / 속성 / 글꼴 / 배경색상의변경이가능 텍스트를입력하세요 글꼴선택, 글꼴크기 상하 / 좌우반전 크기변경 색상변경 문장정렬, 글꼴속성 텍스트색상 배경, 윤곽선, 그림자 투명도 링크 Page. 18
에디터기능소개 2 하이퍼링크기능 디자인요소에특정의주소로연결할수있는하이퍼링크를연결 차트, 지도, 표를제외한디자인요소에하이퍼링크삽입이가능 URL 공개페이지에서하이퍼링크의배포와사용이가능 텍스트, 아이콘, 사진등디자인요소에삽입 하이퍼링크가설정된디자인요소클릭하여설정된페이지로이동 텍스트 새탭이동 좌측요소편집탭에서설정 공개페이지에서동작 Page. 19
에디터기능소개 2 차트 데이터만입력시 10 종의차트로데이터시각화를완성 엑셀인터페이스로손쉽게데이터를입력 직접입력, 구글데이터받기, URL 데이터받기등의 3 가지데이터입력방식을지원 별도의설정변경없이쓸수있는고품질의차트샘플디자인을제공 강력한커스터마이징옵션기능으로원하는용도에알맞게커스텀이가능 범례위치, 축출력, 최소 / 최대값설정, 글자색상, 글꼴, 색상, 수치출력등의세부설정옵션지원 가로막대세로막대선영역방사형 혼합원형게이지트리맵워드클라우드 Page. 20
에디터기능소개 2 지도 클릭과간단한입력만으로맞춤형위치데이터기반지도제작 엑셀인터페이스로손쉽게데이터를입력 별도의설정변경없이쓸수있는고품질의샘플디자인을제공 강력한커스터마이징옵션으로원하는용도에알맞게커스텀이가능 세계대한민국서울부산 경기미국중국일본 Page. 21
에디터기능소개 2 표 텍스트입력만으로빠르고간편하게산뜻한디자인의표제작 엑셀인터페이스로손쉽게데이터를입력가능 직접입력, 구글데이터받기, URL 데이터받기등의 3 가지데이터입력방식을지원 다른설정변경없이바로쓸수있는고품질샘플디자인을제공 강력한커스터마이징옵션으로용도에적합한커스텀이가능 표전체의행 / 열개수설정, 글꼴, 글꼴크기, 글꼴색상, 선색상, 정렬, 셀높이등의세부설정옵션지원 Page. 22
에디터기능소개 2 URL 공개페이지 사용자템플릿에서동영상을재생할수있으며 URL 로완성된페이지를내보낼수있음 Youtube 동영상을사용자템플릿본문에삽입및재생이가능 작업한사용자템플릿을 URL 로간편하게배포가능 해당 URL 공개페이지는 PC 와태블릿 PC, 모바일환경모두동일하게조회가능 해당 URL 공개페이지에서인터랙티브기능과동영상재생등의동적데이터시각화기능을확인할수있음 인터랙티브 기능 Data 100 툴팁 PC 와모바일동일하게확인가능 링크 Page. 23
에디터기능소개 2 URL 공개페이지 모바일뷰어 보기설정지정과모바일접속시전용뷰어화면사용가능 좌우로슬라이드를밀거나클릭해이동하는 옆으로넘기기, 스크롤을내려길게보는 위아래로스크롤 설정지원 옆으로넘기기 전환가능 위아래로스크롤 Page. 24
에디터기능소개 2 URL 공개페이지 슬라이드쇼 어디서나프로그램설치없이 URL 공유페이지에서바로 PT 가가능 URL 공개페이지좌측의슬라이드쇼버튼을클릭하면바로실행가능 브라우저전체화면으로바로실행되어별도의추가조작이나화면전환이필요없음 슬라이드보기로특정슬라이드로바로이동하거나, 원본크기 / 화면맞춤보기의편의기능을제공 13 종의화면전환효과를지원 슬라이드쇼버튼클릭 브라우저에서즉시슬라이드쇼전환 다양한화면전환효과선택가능 슬라이드좌우 3D 슬라이드좌우 페이드인아웃 페이드좌우 페이드상하 스케일상하 스케일인아웃 스케일좌우 기울기좌우 접기좌우 접기상하 밀기좌우 룸좌우 Page. 25
에디터기능소개 2 인쇄용 PDF 다운로드지원 벡터기반으로확대출력시에도깨지지않는 PDF 일반, 프로요금제에서다운로드가능 에디터내다운로드기능에서인쇄용 PDF 선택 확대출력시에도깨지지않는인쇄용 PDF Page. 26
에디터기능소개 2 동영상다운로드지원 카드뉴스를동영상으로자동변환하여다운로드 카드뉴스구성요소를분석하여영상으로변환시키는알고리즘인프리셋을적용하여자동으로영상변환하여 mp4 파일로사용자 pc 에다운로드할수있음 프리셋수종제공, 슬라이드별로프리셋의종류나화면전환효과, 음향선택이가능하여영상창작의자유도높임 동영상중심의온라인소통방식에발맞추어비전문가인누구라도제작이가능하게하였음 텍스트 아이콘 MP4 00:28 카드뉴스의구성요소를분석 자동으로동영상변환 Page. 27
에디터기능소개 2 즐겨찾기기능 자주쓰는템플릿 / 사진 / 아이콘등을편리하게다시쓰기가능 에디터내툴바에서별표시아이콘을눌러즐겨찾기등록 / 해제가능 좌측디자인요소탭에서도썸네일에마우스오버하여별표시아이콘을눌러즐겨찾기등록 / 해제가능 썸네일에마우스오버하여별표시아이콘눌러등록 / 해제 디자인요소툴바에서별표시아이콘눌러등록 / 해제 즐겨찾기등록한템플릿과디자인요소는 즐겨찾기 탭에서사용및확인가능 Page. 28
참고자료 3 03 참고자료 1) 라이선스규정안내 2) 유료요금제안내 3) 개발플랫폼및기능요약 4) 튜토리얼영상과매뉴얼 5) 사용자갤러리 6) 품질인증 Page. 29
참고자료 3 라이선스규정 망고보드로제작한디자인작업물라이선스규정 망고보드에서제공하는디자인요소 ( 아이콘, 이미지등 ) 들은망고보드내에서만사용이가능 망고보드에서제공하는디자인요소들은무단으로개별저장하여복제, 수정, 사용하실수없음 망고보드에서제공하는템플릿, 혹은망고보드에디터를사용해제작한 사용자템플릿 은자유롭게복제및수정이가능.jpg.png.pdf URL.mp4 다른이름으로저장 복사 직접만든템플릿의다운및사용 OK 디자인개별요소무단전제금지 디자인개별요소외부이동금지 더자세한관련규정은라이선스전문페이지에서확인하실수있습니다. Page. 30
참고자료 3 망고보드유료요금제안내 (1user 기준 ) 요금별제공기능 모든사용자 학생 일반 프로 사용가능한템플릿 ALL ALL ALL ALL 작업저장개수 5개 50개 무제한 무제한 이미지업로드용량 10 MB 200 MB 1 GB 10 GB 슬라이드크기변경 불가 가능 가능 가능 유료디자인요소워터마크 없음 없음 없음 망고보드출처표기 없음 없음 없음 작업물다운로드 - 일반이미지 - 고해상도이미지 - 일반 PDF - 인쇄용 PDF 동영상일일다운로드횟수 2회 4회 8회 사용자템플릿보내기 / 받기보유폰트업로드 / 유료폰트 19종추가맞춤팔레트등록기타 (SVG 이미지업로드 ) 7,000원 (1주일) 12,000원 (1주일) 현재요금업그레이드 이용요금 부가세가포함된가격입니다. 무료 15,000 원 (1 개월 ) 29,000 원 (1 개월 ) 49,000 원 (1 개월 ) 40,000 원 (3 개월 ) 80,000 원 (3 개월 ) 140,000 원 (3 개월 ) 160,000 원 (1 년 ) 320,000 원 (1 년 ) 560,000 원 (1 년 ) 요금제및결제관련규정은요금제페이지에서확인하실수있습니다. Page. 31
참고자료 3 개발플랫폼및기능요약 개발플랫폼설명 개발언어 : HTML5 java Script 및 JSP/JAVA 에디터사용권장 PC 사양 : 듀얼코어급이상 CPU, 개발프레임워크 : 알메이트-프레임워크 v1.0 / 전자정부표준프레임워크 6GB 이상 RAM, 64bit 운영체제, SSD 저장장치 브라우저 : 크롬브라우저에최적화, IE11이상, 사파리, 파이어폭스 템플릿조회 : PC, 태블릿PC, 모바일단말에서동일하게조회가능 기능요약 메뉴영역 에디팅영역 템플릿 그래픽 텍스트 인포그래픽 ( 가로 / 세로 ), 카드뉴스, 상세페이지, SNS, 프레젠테이션, 배너, 포스터 사진, 도형, 선, 아이콘, 이미지프레임, 차트도형, 맵도형 텍스트프레임과국문 87 종, 영문 71 종의글꼴을웹폰트로제공 사진 도형류 이미지프레임 크기, 필터, 좌우 / 상하반전, 크롭, 투명도조절, 링크 크기, 색상, 윤곽선, 투명도조절, 링크 이미지크롭, 이미지삭제, 투명도조절, 링크 배경 배경색상혹은패턴그래픽변경가능하며, 약 210 종의스타일제공 텍스트 글꼴종류, 글꼴크기, 색상, 기울기, 밑줄긋기, 정렬, 투명도조절, 링크 차트, 지도, 표, 동영상 차트 : 다양한디자인샘플이준비된라인 / 막대 / 파이 / 바 / 영역등의차트를선택하고, 데이터를입력후기타설정을통해차트를생성지도 : 대한민국 / 서울 / 부산 / 경기 / 세계 / 미국 / 일본 / 중국등의지도를선택하고, 영역에아이템을올리거나지도의스타일샘플을변경가능표 : 샘플디자인을선택하고데이터를입력, 기타설정조정동영상 : 유튜브동영상삽입가능 텍스트박스 데이터시각화 글꼴종류, 글꼴크기, 색상, 배경색상, 기울기조절, 링크 차트, 지도, 표의세부설정기능 업로드 즐겨찾기 사용자이미지, 기타파일등을등록할수있는기능 Jpg, png, gif, svg 형식파일업로드가능 템플릿, 그래픽요소등을등록하여빠르게다시사용하는기능 전체영역공통 슬라이드의사이즈조절, 슬라이드복사, 슬라이드삭제, 슬라이드간위치이동, 각오브젝트별그룹핑, 오브젝트삭제, 복사, 붙여넣기, 잘라내기, 오브젝트간의앞 / 뒤겹치는순서조절, 실행앞으로, 실행뒤로, 그룹, 잠금, 가이드라인표시, 저장 Page. 32
참고자료 3 튜토리얼영상과도움말기능 에디터내의도움말기능과자체영상채널로알고싶은기능을쉽게 에디터상단의도움말아이콘을클릭하면사용자가이드, 단축키, 저작권안내확인가능 제작가이드에서필요한기능을검색하거나, 동영상가이드를바로확인할수있음 망고보드네이버 TV 채널, Youtube 채널에서망고보드사용시유용한도움말및팁과기능영상시청가능 도움말기능 네이버 TV 채널, Youtube 채널 네이버 TV 채널 Page. 33
참고자료 3 나와다른사용자의작업물을전시할수있는공간 좋아요, 조회수확인및카테고리별로보기도가능 주기적으로사용자갤러리베스트선정 유형별, 카테고리별필터로보고싶은작업물만보기도가능 마음에드는작업물엔 좋아요 를눌러두면언제든지다시확인가능 홈페이지상단 사용자갤러리 사용자갤러리베스트 1~3 위 유형별보기, 카테고리별보기, 기간별보기및최신훈, 좋아요순, 조회수순정렬등필터설정가능 Page. 34
참고자료 3 GS 인증획득 한국정보통신기술협회 (TTA) 굿소프트 1 등급인증획득 Page. 35
이용사례 4 04 이용사례 카페이벤트배너 과제발표 카드뉴스 인물소개포스터 교육관련인포그래픽 제안발표물 행사일정홍보 웹사이트이벤트 정책홍보물 Page. 36
이용사례 4 카페이벤트배너 과제발표 Page. 37
이용사례 4 카드뉴스 Page. 38
이용사례 4 인물소개인포그래픽 & 포스터 교육관련인포그래픽및제안발표물 Page. 39
이용사례 4 행사일정홍보포스터 & SNS 이미지 웹사이트이벤트이미지 Page. 40
이용사례 4 공공기관정책홍보물인포그래픽 세로형및발표물 Page. 41
쉬운디자인플랫폼, 망고보드감사합니다. 리아모어소프트 서울시영등포구영신로 220 KnK 디지털타워 611 호 Tel. 02-2655-9767 Fax. 02-2655-9749 http://www.mangoboard.net