https://slowtown.info/flow.html

1<!DOCTYPE html>
2<html lang="ja" id="sp">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5<meta name="description" content="技術の進歩・進化に柔軟に対応し、最適なWEBサイト運営を提案します。">
6<meta name="keywords" content="ホームページ制作,プログラム開発,取材・ライティング,豊橋,東三河">
7<title>ホームページ制作・WEBシステム開発｜メディアラボ・ジャングル</title>
8<meta name="format-detection" content="telephone=no">
9
10<!--[if lte IE 8]>

11<script src="common/js/html5shiv.js" charset="UTF-8"></script>

11
12<![endif]-->
13<link rel="stylesheet" href="common/css/import.css">
14<link rel="stylesheet" class="js_swap-css" href="common/css/common_sp.css">
15

16<script src="common/js/jquery-1.10.2.min.js" charset="UTF-8"></script>

16

17<script src="common/js/jquery.easing.1.3.js" charset="UTF-8"></script>

17

18<script src="common/js/jquery.flatheights.js" charset="UTF-8"></script>

18

19<script src="common/js/jquery.scUtility-min.js" charset="UTF-8"></script>

19

20<script src="common/js/common.js" charset="UTF-8"></script>

20
21<!--[if lte IE 8]>

22<script src="common/js/jquery.belatedPNG.min.js" charset="UTF-8"></script>

22
23<![endif]-->
24<meta name="apple-mobile-web-app-title" content="Jungle">
25<link rel="apple-touch-icon" type="text/css" href="images/p_icon.png">
26
27<link rel="stylesheet" href="common/js/jscrollpane/jquery.jscrollpane.css">

28<script src="common/js/jquery.mousewheel.js" charset="UTF-8"></script>

28

29<script src="common/js/jscrollpane/jquery.jscrollpane.js" charset="UTF-8"></script>

29

30<script src="common/js/jscrollpane/jQueryResponsiveFullWideSlider.js" charset="UTF-8"></script>

30

31<script src="common/js/jscrollpane/index.js" charset="UTF-8"></script>

31
32

33<script>
34  (function() {
35    var cx = '010208810245578200078:9lndi38_lji';
36    var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
37    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
38        '//www.google.co.jp/cse/cse.js?cx=' + cx;
39    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
40  })();
41</script>

41
42

43<script>

43
44  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
45  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
46  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
47  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
48
49  ga('create', '

49UA-6459311-1

49', 'auto');
50  ga('send', 'pageview');
51

52</script>

52
53</head>
54
55<body id="flow">
56
57<div id="wrap">
58
59<header class="clearfix">
60<p class="logo"><a href="index.html"><img src="common/images/head_logo.gif" alt="Media Lab Jungle" width="180" height="56"></a></p>
61<p class="spOnly" id="sp-navi-btn">&nbsp;</p>
62<ul id="gnavi">
63<li class="n01"><a href="about.html">ジャングルについて</a></li>
64<li class="n01a spOnly"><a href="outline.html">会社概要</a></li>
65<li class="n01b spOnly"><a href="flow.html">ホームページ制作の進め方</a></li>
66<li class="n02"><a href="website.html">ホームページ制作</a></li>
67<li class="n03"><a href="program.html">プログラム開発</a></li>
68<li class="n04"><a href="writing.html">取材・ライティング</a></li>
69</ul>
70<div class="search pcTabOnly">
71<!-- Place this tag where you want the search box to render -->
72<gcse:searchbox-only></gcse:searchbox-only>
73</div>
74<!-- /google -->
75
76</header>
77<!-- /header -->
78
79<div id="ContentsWrap">
80
81<div id="ColumnWrap" class="clearfix">
82
83<div id="mainColumn" class="clearfix">
84<div id="breadcrumb" class="clearfix">
85<ul>
86<li><a href="index.html">ジャングル　HOME</a></li>
87<li><a href="about.html">ジャングルについて</a></li>
88<li>ホームページ制作の進め方</li>
89</ul>
90</div>
91<!-- /breadcrumb -->
92
93
94<div id="contents" class="clearfix">
95<div id="read" class="clearfix">
96<h1><img src="images/tt_flow.gif" alt="Work Flow ホームページ制作の進め方" width="159" height="43"><p class="spOnly">ホームページ制作の進め方<span>Work Flow</span></p></h1>
97<div class="mainImg"><img src="images/flow_main.jpg" alt="" width="300" height="150"></div>
98各種企業ホームページ、情報・ポータル型サイト、ＥＣサイト、<br class="pcTabOnly">
99タブレット端末、スマートフォン、ウエアラブル・・・<br class="pcTabOnly">
100企画立案から制作・運営管理までトータルにサポートします。
101</div>
102<!-- /read -->
103
104<div class="flow_box">
105<p class="st1">1. 情報収集・現状分析</p>
106どのようなサイトを目指すのか？などのご要望をうかがい、サイト構成に必要な要素の収集をします。<br>
107企業動向、製品やサービスなどの資料をご用意ください。諸条件、予算 、スケジュールなどのヒヤリングも。<br>
108既にサイトをお持ちの場合は、現状の集客状況や問題点などの洗い出しをします。
109</div>
110<!-- /flow_box -->
111<p class="flow_arrow" align="center"><img src="common/images/arrow_dn.png" width="30" height="30"></p>
112
113<div class="flow_box">
114<p class="st2">2.企画・構成</p>
115サイト全体の骨子作り。コンテンツを決め、導線などを検討。サーバ環境のチェックも。<br>
116構成案を提示します。
117</div>
118<!-- /flow_box -->
119<p class="flow_arrow" align="center"><img src="common/images/arrow_dn.png" width="30" height="30"></p>
120
121<div class="flow_box">
122<p class="st3">3.デザイン・設計</p>
123トップページ、主要ページを中心にデザイン案を提示します。
124</div>
125<!-- /flow_box -->
126<p class="flow_arrow" align="center"><img src="common/images/arrow_dn.png" width="30" height="30"></p>
127
128<div class="flow_box">
129<p class="st4">4.設計・制作</p>
130ツリー構造の確認、デザインルールの徹底、SEO対策など諸条件を決定。<br>
131※専門スタッフが担当し共同作業を進めます。<br>
132（テスト環境をご用意します。随時進行状態をご確認いただきながら作業を進めます）<br>
133取材・編集・撮影／プログラム／イラスト／動画／マークアップなど
134</div>
135<!-- /flow_box -->
136<p class="flow_arrow" align="center"><img src="common/images/arrow_dn.png" width="30" height="30"></p>
137
138<div class="flow_box">
139<p class="st5">5.公開・運用</p>
140検品・デバッグ後、公開（またはスタンバイ）となります。<br>
141ご要望により、社内で更新作業を行うためのレッスンを実施（1時間程度〜）。
142</div>
143<!-- /flow_box -->
144<p class="flow_arrow" align="center"><img src="common/images/arrow_dn.png" width="30" height="30"></p>
145
146<div class="flow_box">
147<p class="st6">6.メンテナンス</p>
148公開後も新鮮な状態を保ち、情報を柔軟に、適確に提供しつづける為のお手伝いをさせていただきます。<br>
149作成したホームページの数だけ、メンテナンス内容も種々様々。<br>
150規模や内容、頻度に合わせたプログラムを設定し、経験豊富なスタッフが迅速に対応します。<br>
151公開後のアクセスログ解析、診断など、ご予算に応じて柔軟に対応させていただきます。
152</div>
153<!-- /flow_box -->
154
155</div>
156<!-- /contents -->
157</div>
158<!-- /mainColumn -->
159
160<div id="sideColumn">
161<div id="sideAbout">
162<p>About Jungle</p>
163<ul>
164<li class="n01"><a href="about.html">ジャングルについて</a></li>
165<li class="n02"><a href="outline.html">会社概要</a></li>
166<li class="n03"><a href="flow.html">ホームページ制作の進め方</a></li>
167</ul>
168</div>
169<p class="sideImg"><img src="images/about_side.jpg" alt=""></p>
170</div>
171<!-- /sideColumn -->
172
173</div>
174<!-- /ColumnWrap -->
175
176<div id="pagetop"><a href="#wrap"><img src="common/images/pagetop.png" width="68" alt="pagetop"></a></div>
177<!-- /pagetop -->
178
179</div>
180<!-- /ContentsWrap -->
181
182<footer>
183<ul class="nav clearfix">
184<li><a href="about.html">ジャングルについて<span class="spOnly">About Jungle</span></a></li>
185<li><a href="website.html">ホームページ制作<span class="spOnly">Website Design</span></a></li>
186<li><a href="program.html">プログラム開発<span class="spOnly">Program Development</span></a></li>
187<li><a href="writing.html">

187取材・ライティング<span class="spOnly">Reporting and Writing</span></a></li>
188<li><a href="links.html">リンク集<span class="spOnly">Links</span></a></li>
189</ul>
190<div id="copyright">All contents Copyright: MediaLab JUNGLE(Aichi JAPAN),<br class="spOnly"> All Rights Reserved.</div>
191</footer>
192<!-- /footer -->
193
194</div>
195<!-- /wrap -->
196
197</body>
198</html>