クライアントニーズを満たす小規模サイトの作り方

クライアントニーズを満たす
小規模サイトの作り方

2014年1月20日
株式会社エフシーゼロ
山本和泉
Copyright © Color fc0 Inc.

!1

本日お話すること

• 自己紹介（1分）
• 小規模サイトのあれこれ（15分）
• Jimdoを使って効率作業（15分）
• Webサイト作るって（10分）
• 質疑応答（20分）

!2

こんばんは

山本和泉（やまもといずみ）
株式会社エフシーゼロ
中小零細企業・個人商店さんの
•Webコンサルティング
•Webサイト企画設計・制作
•運用アドバイス

•Web制作系書籍の執筆・講師
とか

!3

小規模サイト？

今回は

3ページ∼10ページぐらい
のWebサイトを想定
• 個人商店（飲食店・整体院・花屋など）
• 士業（税理士とか行政書士とか）
• 開業医
• 中小零細企業

など

!5

たとえばこんな感じ


!6

質問です
いつも
小規模サイトの制作はどのように作っていますか？

1.CMSをつかう
2.スクラッチ静的ページを作成（Dwなどで）
3.その他


!7

Webサイト制作の流れ（ざっくり）

1.ヒアリング
2.情報設計（サイトマップとか）
3.画面設計（ワイヤーフレームとか）
4.画面デザイン
5.実装（コーディングとか）
A. 運用（追加・変更）

!8

それ以外に

• サーバーを借りたり
• CMSをインストールしたり
and more…


!9

小規模サイトって

なにげに手間だけかかって
割にあわないことって多いよね。


!10

小規模案件を抱えると

プチ作業に手間と時間をとられて

なんかいつも小忙しい
そしてあまり儲からない


!11

お客さんのニーズ

とにもかくにも

自分でホームページを運用したい欲
がめっちゃ高い（当社データ）


!12

自分で運用したいけど

難しいことは勉強したくない
（当社データ）

結局難しいのがいやで放置
結局Web制作者に依頼

!13

結局

なんかいつも小忙しい
そして結局あまり儲からない


!14

できれば早めに

手離れしたい


!15

こう思ったわけです

•ヒアリング
•情報設計
•画面設計
•画面デザイン
•実装
•運用（追加・変更）

ここの手間は
減らせない

ここを重視
したい
ここの作業を
できるだけ
減らせたら
!16

ジンドゥー
ジムドゥー

!17

Jimdoとは

ドイツ生まれのブラウザー上でホームページを
作ったり編集できたりするWebサービス

!18

質問です

Jimdoを使ったことありますか？
1. お仕事で使ったことある
2. 個人的に使ったことある
3. 存在は知ってるけど使ったことない
4. 存在すらしらなかった


!19

Jimdoを使うことで

•安価
•短納期
小規模Webサイト制作の
効率アップが可能
（それも割りといい感じに）

!20

サンプルサイト
http://sampo-cafe-tokyo.jimdo.com/
!21

Jimdo基本構造
ヘッダー
ナビゲーション

サイドバー
コンテンツ
（ページ）

全ページ
共通

フッター


!22

スマホも標準対応


!23

Jimdoって

直感的に操作ができる

Webサイトをつくることができる


!24

わたしたちの仕事

1.情報設計
2.Jimdoでページ制作


!25

http://schoo.jp/class/333/
!26

提案例

梅：情報設計＋Jimdoのテンプレートで制作
竹：情報設計＋独自テンプレート作成
松：情報設計＋独自テンプレート＋JSなどを追加

お客さまのご要望は予算に応じて
カスタマイズ

!27

Jimdo事例
1.ヒアリング＋サイトマップ作成（約90分）
2.サイトマップを元に原稿作成＋写真準備
お客さま

3.データを元にJimdoで実装（約60分）
4.微調整＋操作説明＋納品（約60分）
5.運用

お客さま


!28

納品後はお客さまで管理運用
お客さま

制作者

思いたった時に
すぐ編集できる

小忙しいから

ビジネスチャンスを
逃しにくくなる

脱却

お互いにストレスフリー

!29

Jimdoに向いているサイト

•小規模サイト
•更新がすくないサイト
•ページが増えにくいサイト


!30

Jimdoに向いていないサイト

•20ページを超えるサイト
•ページが増えていくサイト
•複雑な構成のサイト
CMS的には使いづらい

!31

Webサービスといい感じで連携

• Facebookページ
• twitter
• Googleマップ
• Dropbox
• flickr
• Youtube
• RSS

全部標準
ボタンひとつで
簡単設置

!32

Webサービスを組み合わせる
固定ページ

動的ページ

• ブログサービス
＋ • オンラインショップ 
サービス
• Facebookページ
• twitter


!33

Jimdoの気になるところ

エクスポートができない
Firefoxのエクステンションなどでサイト全体
をバックアップは可能

URLが日本語になる
裏ワザ的にできるけどあまりおすすめできない
っていうか、そこまで重要かなぁ（個人的意見）

写真のトリミングとかできない
Photoshop Onlineツールとかでなんとかなる

!34

そのホームページを運用するのは
お客さま


!35

私たちのしごと

Webページを実装する
Webサイトそのものをつくる


!36

ホームページの最初の一歩に

お客さまと私たちの
味方になってくれるツールのひとつ

!37

質疑応答


!38

クライアントニーズを満たす小規模サイトの作り方

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (19)

En vedette

En vedette (20)

Similaire à クライアントニーズを満たす小規模サイトの作り方

Similaire à クライアントニーズを満たす小規模サイトの作り方 (20)

Plus de schoowebcampus

Plus de schoowebcampus (20)

Dernier

Dernier (9)

クライアントニーズを満たす小規模サイトの作り方