WEBサイトの種類について①

PROFILE

中園なつ子(なかそのなつこ)

1983年生まれ。大分県大分市出身。

学生時代は音楽と算数に夢中。

大分工業高等専門学校の電気工学科で

電磁気学、電子回路、コンピュータープログラムなど学ぶ。

4年間のシステムエンジニア時代を経て、カナダへ留学。

2008年に株式会社夏空へ入社。

L-planningではWEBコーダーを担当。

 
 

WEBサイトは様々な種類があります。
今回はサイトごとの特長をご紹介いたします。

 

【WEBサイトの3つの種類について】

 WEBサイトは大きく分けて3タイプになります。

 ①企業サイト(コーポレイトサイト)

 ②ショッピングサイト

 ③ブログ・SNS

 

【3種類のサイトの特長】

 企業サイトでは、企業の紹介やお問合せ、採用のページなど

 企業とお客様とをつなぐ様々なコンテンツによってできております。

 ショッピングサイトはショップサーブを使って作ります。

 ブログは企業サイトにつけて情報を発信したりします。

 

【3種類の活用について】

 現在では、企業サイトをもっていることが当り前の時代となっています。

 お客様が商品を探すときにネットで検索をします。

 企業サイトがない場合は検索にかからなくなります。

 ショップサイトがあると、大分だけで販売している商品を

 全国的に販売することができます。

 次回の「WEBサイトの種類」についてでは、ショップサイトについて掘り下げていきます。

WEBデザイン事例のご紹介①

PROFILE

染矢友規代(そめやゆきよ)

1983年生まれ。大分県佐伯市出身。

幼少の頃から、絵を描くことが大好き。

大分県芸術短期大学の

ビジュアルデザイン科で

パソコンを使ったデザインを学ぶ。

2007年に株式会社夏空へ入社。

L-planningではWEBデザインを担当。
WEBサイトのデザインにより、
お客様の会社のイメージがより広く深く伝わります。
今回は、私がどういう思いでデザインをさせていただいたのかを
お客様のホームページをご紹介させていただきお伝えいたします。

 

【カナエホーム様 ~あたたかさと親しみを~】

 大分県中津市の工務店「カナエホーム」様のデザインにつきまして。

 カナエホーム様のこだわり「木造建築」をイメージして、

 木目をイメージしたデザインを上部のナビやバナーに使っています。

 カナエホーム様のアットホームで親しみのある様子をお伝えするため、

 あたたかみのある「オレンジ色」を使い、字体もやわらかくさせていただきました。

 上部の大きなメイン画像には、カナエホーム様のスタッフの方、

 施工されたお客様の画像を表示して、たくさんのお客様の家づくりを

 行ってきた、カナエホーム様の歴史・信頼を表現させていただきました。

※カナエホーム様のホームページはこちらへ→ http://www.kanae-home.com/

 

【大分県牛乳普及推進協議会様 ~やわらかく、優しく~】

 大分県野津原市の「大分県牛乳普及推進協議会」様のデザインにつきまして。

 牛乳のことを楽しく分かりやすく、知っていただくために

 全体的にやわらかく優しいイメージにさせていただきました。

 全体の色合いはハッキリした色合いではなく、

 淡い色を使わせていただき優しいイメージにしています。

 直線を使うとクールなイメージなるので、やわらかさを出すために

 まるみのある曲線を多用しております。

 中央の4つのバナーにはイラストを使用して、

 小さいお子様にもすぐに伝わるように、かわいらしいイメージにさせていただきました。

 ※大分県牛乳普及推進協議会のホームページはこちらへ→ http://oita-milk.com/

 

【お客様との対話を通して、オンリーワンのWEBデザインを】

 いままでに様々なホームページのデザインをさせていただきましたが、

 同じものはひとつとしてございません。

 お客様との対話により、オンリーワンのデザインをさせていただきます。

 新しくホームページを作られる方も、リニューアルをご希望の方も

 お気軽にお問合せ下さい。

 

 ※毎週水曜日更新「スタッフブログ」。
   次回はWEBコーダー/中園なつ子による「WEBサイト」の分類講座です。

ITを使った業務効率化①

PROFILE

筒井崇(つついたかし)

1983年生まれ。福岡県北九州市出身。

大分大学在籍時に、カナダ留学を経て、

ITベンチャーを立ち上げる。

大学卒業後、

2006年に株式会社夏空へ入社。

同年11月より、地域ブログサイト「じゃんぐる公園」編集長へ。

2008年、L-planning代表になる。

 
 
エルプランニングではITを使った業務効率化、支援も行っています。
現在、ネット上では無料の色んなサービスがあります。
今回は業務効率をアップさせるITサービスをご紹介いたします。

 

【スケジュールの見える化で業務効率アップ】

 業務効率の課題の中で、一番多い課題は

 スタッフのスケジュール・業務管理についてです。

 スタッフのスケジュール管理(週や月単位)と

 タスク管理(TO DO管理、一日に何を行ったか)など、

 誰が何をどこまでやっているのかが分からない。

 業務の見える化ができていないため、改善する部分も見えない。

 この課題におすすめのITサービスがあります。

 

【ロスを少なくし、お客様とのやりとりも可能に】

 ネット上でみんなで業務が管理できるグループウェアサービスです。

 弊社は無料のグループウェアサービス「サイボウズライブ」を導入しています。

 日程管理、イベント管理、掲示板など様々な機能があり便利です。

 スタッフが自らでスケジュールを入力することで、

 スタッフ自身もスケジュールが把握でき、ロスが少なくなります。

 社内の業務の効率化ももちろんですが、サイボウズライブに

 お客様に参加していただくことで、お客様とのやりとりも活用できます。

 お客様ともスケジュールの確認を共有化することで、業務がより早くなります。

 

【iPhoneやiPadを使って、どこでも確認可能】

 iphoneやipadなど外部端末でもグループウェアサービスは確認できるので、

 外出中や出張中でも、どこでもいつでもスケジュール確認できます。

 緊急自体のときにも、即座にスケジュールが組み直せるので、

 すばやい対応が可能になります。


【多機能ゆえのデメリットも。お気軽にお問合せ下さい】

 機能が多くありすぎると、何をどこまで使うのかが分かりにくく、

 活用が難しい場合があります。

 エルプランニングの「ITを使った業務効率化」では、

 お客様のお悩みに合ったITサービスのご提案から、

 必要最低限の機能のご紹介までお伝えいたします。

 今回、ご紹介したスケジュールを管理する「グループウェア」以外にも

 様々なサービスがございますので、 お気軽にお問合せ下さい。

 

 ※毎週水曜日更新「スタッフブログ」。
   次回はWEBデザイナーによるホームページデザイン解説をご紹介いたします。

業務紹介⑧「ホームページ製作工程まとめ」

PROFILE

幸野寛(ゆきのひろし)

1975年生まれ。大分県大分市出身。

学生時代はバレーボール部。

大阪経済大学では新聞部に在籍し、

画像・文章の処理を学ぶ。

ホテルマン、デパートでの経理業務を経て、

2011年に株式会社夏空へ入社。


 
 
WORKS_(flow)

Q:ホームページ製作の一連の流れはどうなっていますか?

 大きく分けると以下の様になります。

 (1)ヒアリング【筒井】

(2)ワイヤーフレーム作成・素材集め【幸野】

(3)デザイン【染矢】

(4)コーディング【中園】

(5)納品
コンサルティング【筒井】
保守サービス/アフターフォロー【全員】

各工程に移る前の節目に、お客様と打合せをさせていただき、
方向性を確認して一緒に製作させていただきます。

 

Q:ホームページの方向性を確認することに大切にしていることは何ですか?

 お客様の想いです

 なぜホームページを製作するのか。どんなことを伝えたいのか。など

 お客様に伺った想いを凝縮して

 ホームページという形にしていくので、お客様の想いを大切にします。

 

Q:保守サービス/アフターフォローとは?

 情報の更新方法など初心者の方でもわかりやすくご説明致します。

 制作完了後も契約期間中は無期限でサポート致します。

 また必要なときは大分県内なら、

 どこでもすぐにかけつけますのでお気軽にご連絡ください。

業務紹介⑦「WEBコーダー(後編)」

PROFILE

中園なつ子(なかそのなつこ)

1983年生まれ。大分県大分市出身。

学生時代は音楽と算数に夢中。

大分工業高等専門学校の電気工学科で

電磁気学、電子回路、コンピュータープログラムなど学ぶ。

4年間のシステムエンジニア時代を経て、カナダへ留学。

2008年に株式会社夏空へ入社。

L-planningではWEBコーダーを担当。

 
 

WORKS(Flow)

Q:前回はWEBコーディング作業についてでした。
 ホームページ完成後はどんなことを行いますか?

 コーディングでホームページを組み立てて、完成した後は、

 ホームページの運営の仕方について大きく2つのことをお伝えします。

 ①ブログの書き方

 ②アクセス解析

 以上の2点です。

 

WORKS_(Blog)

Q:ブログの書き方では何を教えていますか?

 ホームページを完成させWEB上に公開することは

 ゴールではなく、スタートです。

 ホームページをより活用するためには、

 情報発信と情報分析が必要です。

 情報発信とはブログの更新を行うことです。

 ブログの更新の仕方と、どんなことを書けばいいのかをお教えしています。

 ブログを更新することで、さらにたくさんの情報を伝えることができます。

 例えば、スタッフの方の紹介をブログに書くと、

 親近感と安心感をお客様に伝えることができます。

 また業務内容や商品の紹介などもブログに書くことにより、

 お客様はより具体的なイメージができ、商品購入への決断する要因になります。

 

WORKS_(Analysis)

Q:アクセス解析では何を教えていますか?

 ホームページへのアクセス数はもちろんですが、

 より詳細のアクセス解析の見方についてお教えしています。

 例えば、リアルタイムで何人みているか、

 ホームページ内のどのページが見られているのか、

 どの地域から見られているのか、

 どのくらいの頻度で見られているのか、

 などなど色々な角度からのアクセス解析ができます。

 アクセスの推移が分かれば、ホームページをどう活用するのかの

 大きな指針となります。

 

業務紹介⑥「WEBデザイナー(後編)」

PROFILE

染矢友規代(そめやゆきよ)

1983年生まれ。大分県佐伯市出身。

幼少の頃から、絵を描くことが大好き。

大分県芸術短期大学の

ビジュアルデザイン科で

パソコンを使ったデザインを学ぶ。

2007年に株式会社夏空へ入社。

L-planningではWEBデザインを担当。

 

 

WORKS(design)

Q:お客様からヒアリングした内容をどういう形にしていきますか?

 デザインで表現するジャンルでは、大きく3つあります。

 ①写真画像

 ②イラスト

 ③形

 以上の3種類です。

 この3種類に前回お話しした

 「色」も組み合わせてデザインします。

 

WORKS_(photograph)

Q:写真画像にはどんな効果がありますか?

 たとえばスタッフの方の写真画像があると、

 ホームページを見るお客様は、安心感と親近感がわきます。

 お客様との距離感をぐっと縮めることができます。

 ちなみに、商品の画像の場合をホームページ上で表示する時は、

 商品の向きや角度を統一すると

 キレイにみえますし、商品同士の比較もできやすいので、

 お客様に商品のイメージを伝えやすくなります。

 

WORKS_(illustration)

Q:イラストはどういう時に使いますか?

 イラストや図解が入ると、イメージが伝わりやすくなります。

 限られたホームページのスペース内に

 お客様に情報を知っていただくためには、

 情報の内容やバランスをふまえて、イラストや図を入れます。

 

WORKS_(form)

Q:形については?

 デザインの大枠や方向性として、

 「形」でイメージを伝えることもあります。

 丸みがあると、やわらかく優しく見えます。

 四角は堅さとしっかり感がでます。

 以上の色々な要素を使ってデザインを構成していきます。

 

業務紹介⑤「WEBコンサルティング」

PROFILE

筒井崇(つついたかし)

1983年生まれ。福岡県北九州市出身。

大分大学在籍時に、カナダ留学を経て、

ITベンチャーを立ち上げる。

大学卒業後、

2006年に株式会社夏空へ入社。

同年11月より、地域ブログサイト「じゃんぐる公園」編集長へ。

2008年、L-planning代表になる。

 

 

WORKS

Q:WEBコンサルティング業務ではどんなことを行いますか?

 WEBコンサルティング業務は大きく分けて3つあります。

 ①IT運営の支援

 ②IT担当者の育成

 ③ITを使った業務効率化の支援

 以上の3つです。

 WEBコンサルティングはホームページを作った後の

 運営支援を行います。

 

WORKS_(step1)

Q:3つのポイントをひとつずつ確認します。

  まずIT運営の支援とは?

 ホームページの活用するために必要なことは、

 情報発信を行ったり、季節ごとに内容をアレンジしたりすることです。

 動きがあったり、変化していることが大切です。

 そこで、ホームページの内容(コンテンツ)の製作や

 ショップサーブの運営などを行います。

 

WORKS_(step2)

Q:IT担当者の育成とは?

 ホームページへのお問合せに返信する場合、

 お客様の社内でIT担当者の方がいらっしゃると、

 より速く対応ができるというメリットがあります。

 IT担当者の方に、ホームページのアクセス分析や、

 次の展開、マーケティングなど1年をかけて育成いたします。

 

WORKS_(step3)

Q:ITを使った業務効率化の支援とは?

 現在、様々なITツールやソフトがあって、

 そのツールを活用すると業務が改善され

 生産性を上がることができます。

 お客様の業務を分析させていただき、

 どんなITツールを導入し、どう活用すれば、

 より業務が効率化するかを1年間でお伝えいたします。

 ホームページを作った後の活用、業務の効率化などは

 WEBコンサルティングで行います。

中津の地域ブログ「いいんじゃら」オープン

2012年3月25日。
中津ブログ情報サイト「いいんじゃら」がオープン。

グランプラザ中津ホテルで開催されたオープニングセレモニーの様子です。

船井総合研究所の藤崎泰造氏による講習会も行われました。

パーティー会場にはパソコンブースもあり、参加者の方はこちらからブログ登録もされていました。

中津市のおいしい料理。早速、ブログに書いていらっしゃる方も。

業務紹介④「WEBクリエーター(前編)」

PROFILE

幸野寛(ゆきのひろし)

1975年生まれ。大分県大分市出身。

学生時代はバレーボール部。

大阪経済大学では新聞部に在籍し、

画像・文章の処理を学ぶ。

ホテルマン、デパートでの経理業務を経て、

2011年に株式会社夏空へ入社。
 
 


WORKS_(flow)

Q:現在の業務流れは?

 まず、どんなホームページを制作するか、お客様にヒアリングをします。

 そして、骨組みとなるワイヤーフレームを作成し、

 画像や文字データなどの素材を集めます。

 

WORKS_(step1)

Q:ワイヤーフレームとは何ですが?

 シンプルな線や図でデザインに入る前の下図のことです。

 ホームページのページ構成や、展開の流れを知っていただくものです。

 ワイヤーフレームの次に、素材を集めます。

 文字や画像の素材によりホームページの内容を作っていきます。

 

Q:素材を集める時に注意をしていることは何ですか?

 たくさんの人に理解していただくために、

 分かりやすい文章にしたり、イメージしやすい画像を集めることです。

 ワイヤーフレームを作成し、素材が集まると、デザインの工程となり、

 デザインの後は、コーディングになっていきます。

業務紹介③「WEBコーダー(前編)」

PROFILE

中園なつ子(なかそのなつこ)

1983年生まれ。大分県大分市出身。

学生時代は音楽と算数に夢中。

大分工業高等専門学校の電気工学科で

電磁気学、電子回路、コンピュータープログラムなど学ぶ。

4年間のシステムエンジニア時代を経て、カナダへ留学。

2008年に株式会社夏空へ入社。

L-planningではWEBコーダーを担当。

 


WORKS(flow)

Q:WEBコーダー業務の流れは?

 最初にお客様にヒアリングをし、

 ホームページの方向性を決める大枠を作ります。

 大枠を元に、デザイナーがデザイン制作するので、

 コーダーはそのデザインを元に組み立て方法を考え、

 コーディングをしていきます。

 

WORKS_(step1)

Q:コーダーとデザイナーの役割分担は?

 ホームページ制作を家作りに例えると、

 デザイナーは設計士です。

 コーダーは設計図を元に、

 家を建てていく大工さんのイメージです。

 

WORKS_(step2) 

Q:コーディング中に気をつけていることは?

 ホームページの組み立てには無限のやり方があります。

 いろいろなやり方がある中で、

 お客様のホームページに一番適したやり方を

 設計することを心がけています。

 ホームページが完成した後の運営のことや、

 検索キーワードを考えたりして、

生きたホームページになるように、コーディングしています。

(次回:WEBコーダー後編に続きます)

1 / 212