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