WEB制作 イントデザイン

小〜中規模サイトの制作ならお任せください。
お問い合せ
  • Home
  • ホームページ制作実績
  • 一般的なホームページ例
  • CMSを使ったホームページ例
  • EC系のホームページ例
  • 事務所概要
  • ホームページ制作の流れ
  • ホームページ制作料金
  • ブログ
  • あなたのホームページを改善するための 制作の流れ
  • 実際の事例を詳しくお見せします ホームページ制作事例

布ナプキン通販サイト

国際オーガニック認証つきの布ナプキンを販売するサイトです。ターゲットはズバリ「女の子」。明るいピンクのトーンで全体を統一しています。

http://www.lifecare-shop.com/nunonapu/

ロイヤル病院

回心会グループの4つの病院のうちの1つ。それぞれの病院のホームページがあまりに似ているために、自分はどの病院のホームページを見ているのか不明になり、ユーザーが迷子になっている状況だったのを改善しました。基本的には4病院のサイトの作りは同じですが(そのほうが見易い)、色をはっきり区別することで「同じグループの別の病院」を印象付けることに。

http://royal.mck.or.jp/

松下製材

伊勢で80年の歴史を持つ自然乾燥製材の会社様のサイトです。「歴史・伊勢・自然」キーワードに、和をかんじさせる、木=高さを感じさせるデザインにしてみました。

http://matsushita-seizai.com/

グレイス病院

療養病床というカテゴリーに属する病院のサイト。療養病床は、治療よりもQOL(Quoity of life、生活の質の向上)に力点を置いており、高齢化社会の日本では、最も必要なことは優れた人材(看護師・医師・介護士)を、如何にして獲得するかということにあるようです。求人広告に使われる費用と、1人の看護師さんを決めるまでに必要な経費を聞いて(医師に至ってはそれを遥かに上回ります)「医療関係者不足」がニュースで見るよりもリアルに感じられました。今後はグループ病院の求人にターゲットを絞ったサイトを制作の予定。

http://www.mcs.or.jp/

アクセサリー通販サイト

ラップブレスレットなど、男性にも女性にも人気のアクセサリーの輸入販売サイトです。全体をすっきり見せることと、更新(商品の追加など)が簡単にできることに重点を置きました。(ショップは「カラーミー」を使用)

http://chanluu-best.shop-pro.jp/

MKパーソナルセンター

人事・労務に関する相談を得意とする事務所のサイトです。堅苦しくなり過ぎなように、また主張したいことがはっきり分かるようなレイアウト・デザインにしました。

http://www.mk-pc.com/

宮本都市アークズ

広島県の建築事務所のサイト。代表者様のキャラクターにあわせて、少しユニークな雰囲気を出してみました。易学に強いので、新築時は易学からのアドバイスも可能だそうです。

http://t-arcz.co.jp/

レノヴァ株式会社

目黒区、女性の建築士が中心になって、マンションのリフォームやリノベーションを行っています。ブログ・実績・ニュースはお客様の方で更新していただけるようにWordpressを使って制作。完成後に、簡単な更新用のマニュアルをお渡しし、更新方法を説明に伺ったところ、数日後から早速更新されていました。更新できる仕組みを非常に有効に使っていただいて、制作者としても嬉しい限りです。

http://www.renova-jp.com/

丸紅プロテックス

丸紅プロテックスのサイト。エコ系の商品に力を入れているとのことで、グリーン系でまとめました。くまのキャラクターはオリジナルです。商品のパンフレットなどにもこのキャラクターが登場しています。

http://www.m-protechs.com/

エドケン神奈川

神奈川でコンビ二などの工事を主に引き受けている建設会社のサイトです。社長さんは勢いのある面白い方で、「洒落た物件うんぬんじゃなく、うちはスピードと数だから」ということで、確かにすごい数のコンビニ等を作っています。GoogleMapを利用して、作ったお店がひとめで分かるようにしました。

http://www.edoken.co.jp/

回心会・青秀会 最新情報サイト

最新情報を更新するニュースサイト。各病院サイトは静的HTML、新着情報はwordpressを利用して制作。各病院にはRSSを配信して表示しています。更に各病院に必要なニュースだけを表示させることも考えましたが、あまり複雑にすると更新の作業が手間になってしまう恐れがあり、現在は統一のニュースにしています。便利を追い求めて、スイッチがありすぎて使えないリモコンになってしまのは避けたい。バランスが問題です。アップ前は、どのようなものが出来上がるのか、クライアント様も不安のご様子でしたが、出来てからはこのサイトが最も好評のようです。旬のニュースは旬のうちに更新!

http://www.mck.or.jp/portal/

ミドリ安全分煙サイト

神奈川県の分煙条例について、分かりにくい箇所を分かり易く伝える。その上で、製品のサイトにアクセスしてもらう、という2ステップの流れになっています。条例の説明部分は難しいですね。担当の方から、お話を聞くと「なるほど」とすぐ理解できるのですが。お役所のページが分かりにくくなりがちなのを思い出しました。

http://www.midori-bunen.com/kanagawa/

株式会社林田建設

2度目のリニューアルを担当させていただきました。前回制作の内容を活かしつつ、コンテンツを充実させることで、予算をかけずにリニューアルすることができました。長くおつあいをさせていただくと、更新やリニューアルもだんだんあうんの呼吸になって、やりとりがスムーズになります。

http://hayashida-k.co.jp/

アイブライト

システム会社様ホームページ。IT・システム系の会社には珍しく、柔らかい、女性的なイメージで作って欲しいとの要望でした。イメージ写真も、いかにもITというものではなく、自然なイメージを利用しています。

http://ibright.jp/

株式会社PR-O

広告・パンフレット等の制作会社のホームページです。所謂デザイン会社のサイトとは少し違う雰囲気にしたいということで、トップのメインイメージを色々ご提案しました。最終的には、水彩で描いたものを加工して利用しています。

http://pr-o.co.jp/

D-More

自然派化粧品のサイトです。ブランドサイト・販売サイト(FC2)・ブログ(FC2)のデザインを連動して行ないました。化粧品のコンセプトにあった、爽やかで落ち着きのあるデザインにしています。

http://d-moretokyo.com/

土地家屋調査士法人 中央グループ

白+会社のイメージカラーのグリーンを使って、落ち着きのあるイメージを目指しました。

http://www.chuo-g.jp/

Pellicano

イタリアのシルクタイの老舗のネクタイ販売サイト。定番の商品が殆どなので、大きなECシステムよりも小回りの効く貼り付け型を選択しました。小売りサイトでありつつも、ブランドイメージを保つようにしているため、いますぐ「売りたい」よりも「じっくり育てたい」という方向性になっています。一口にECサイトといっても、コンセプトは様々だと考えさせられます。

http://pellicano.jp/

目黒・家づくりギャラリー

目黒区在住の建築家のグループのサイト。各メンバーのブログの情報をまとめたものと、独自のコンテンツを掲載出来る仕組み。ブログはRSSを取得して振り分け、独自コンテンツはワードプレスで管理しています。ワードプレスの入力方法を説明させていただくと、皆様「非常に良く出来ている」と関心されます。慣れるとフリーのブログよりも使いやすいのかもしれない、と思うのですが、制作者は毎日のように触っているため、そのあたりの「ユーザー目線」をつい忘れてしまう。

http://meguroie.com/

税理士法人アシスト

信頼第一のお仕事ですので(全ての仕事に共通ですが)、企業としての安心・信頼・堅実さを出しつつ、硬くなりすぎない、親しみ易さを持たせることを心がけました。

http://www.assist-tax.or.jp/

CLINKSエキスパートエンジニア株式会社

制作期間は2週間ほどです。

http://clinks-e.jp/

シップペイント藤田

広島の塗装屋さんのサイト。リニューアル前は、全てご自身でサイトを作っていらっしゃいましたが、実に沢山のページがありました。ご自分で作っているサイトは、確かに見た目には少し問題があるとしても、ひたすら情熱だけでコンテンツが作られて、増加していった印象があるものが多く、つくづくサイトは「中身」だと、気がつかされます。現在の状態も少しづつリニューアルを重ねています。

http://www.ship-paint.jp/

エスクロー・エージェント・ジャパン

不動産・土地に関する契約をとりまとめている会社のHP。一般の方にはあまりなじみのない専門の内容が多く、BtoBのサイトです。

http://www.ea-j.jp/

暮らしと家

女性建築さんのグループのサイトです。wordpressで構築しています。過去の記事をうまく生かせるよう、各々のブログの記事をカテゴリーで分類して、最新記事を掲載する形式をとっています。

http://kurashika.jp/

回心堂第二病院

グループ4病院の中の1つ。4つの病院は、診療の区分は似ていても立地の場所が都会と郊外。コンセプトも立地場所で異なる。短期の入退院ではなく、長く療養生活を行なう方が多いため、患者様とそのご家族の繋がりを補助出来る様なサービスとして、お見舞いメールをはじめてみました。どんなサイトでも、ユーザーの求めているものを的確に伝えてあげることがまず重要。(制作者にとっては、クライアントとサイトを見るユーザーの2種が存在する。)作る側というのは、自分の好みに固執しがちなため、「何のためにサイトを作るのか」を忘れずに制作することが肝要です。

http://kaishindo2.mck.or.jp/

地デジ工事サイト

「わかりやすく」「親しみやすい」こと。(どんなサイトもある程度そういうことを目指しているような気もしますが)このタイプ「内容がわかりにくい」サイトは、デザインがどうの、という以前に構成をしっかり練ることが大事だと思います。

http://digicomm.jp/

スモークハムのサイト

手づくりのスモークハムの紹介&注文サイトです。ハムの素材写真の良いものがなくて、加工に苦労しました。今なら、こちらで写真を撮るところです。食べ物はやはり写真がとても大事です。

HTSネットワークス

会社の新規設立にあたってサイトを立ち上げました。設立間際のご依頼でしたので、制作期間は2週間程度です。人をつないで循環させる、という意味でトップのイメージを選んでいます。

http://hts-nws.com/

美容院のサイト

多くの美容院を経営している美容院の総合サイトです。このサイトから各店舗のサイトにリンクする形になっています。

断熱サイト

シップペイント藤田様の断熱・遮熱に特化したスペシャルサイト。分かりやすくて大胆なサイトにしたいーということで、結構大胆なレイアウトにしたつもりです。

http://atsui-ship.jp/shanetsu/

山森不動産鑑定士事務所

世界を旅するのが好きな方、ということでしたので、そんな世界観が出せればいいなと。少し「書籍」のレイアウトを意識していたかもしれません。短い制作期間でしたが、楽しく制作できました。

http://rouhei.com/

ヴァリエンテ(英語版)

海外の方向けサイトのため、海外サイトのデザインを意識してみましたが、うまくいっているかな・・。

http://tokyorentapt.com/

お助けウーマン

いつもお仕事をいただいている会社のサイトです。PR・広報。面白い仕事なら引き受けるという姿勢の風変わりな事務所です。面白く作って欲しいということで、膨大な写真をせっせと切り抜き、Flashを使って遊ばせていただきました。

http://otasukewoman.com/

NPO法人不動産取引支援機構様サイト

アイボリー・グリーンを使った落ち着いた色です。ボタンにアイコン画像をつけることで、分かり易い、と印象づけるようにしています。

http://reds-japan.org/

三森由佳様サイト

女性コーディネーターのサイトです。紫が相性のいい色、ということで紫を中心に、エレガントな雰囲気を目指しています。

http://www.maria-yuka.com/

実績だけブログ

シップペイント藤田様の、実績紹介ページ。更新頻度が高いので、クライアント様自身で更新出来るように、この箇所だけフリーのブログを使う相談に。元のデザインをそのまま当てはめているので、違和感無く移行することができました。ブログはLivedoorの有料版です。数百円の出費で、広告を削除できて、ここまでカスタマイズ出来るので、使い勝手はいいと思います。

http://blog.livedoor.jp/shippenki/

サンウイング株式会社

システム系の会社さんのページ。如何にも技術屋にならないようにお願いします、とのこと。何故かシステム系の会社さんは、そういう要望が多いです。一般の方に親しみを持ってもらいたい、ということなのでしょうか。

http://www.sunwing.co.jp/

MEROLA

グローブで有名なメローラ。イタリア・ナポリ創業の老舗ブランドで、最高品質のネクタイのオンライン販売サイトです。カート部分はHTML埋め込みタイプのものを採用しています。カートの選択は、いつも迷うところですが、商品数が一定(定番)で、デザインを自由にしたい場合には、この方法が適していると思います。

http://merola.jp/

増客・増販資料室

化粧品の開発を行っている会社の、サロン向け情報サイトです。MovableTypeで作成して、クライアント様がご自身で更新しています。

http://biyou-labo.jp/ura/index.html

一蔵 きものポータル

MTのマルチブログ機能を利用して、各店舗の情報を、店舗ごとに入力・更新出来る形にしました。更新情報は、カテゴリーで分類できる形式になっています。

http://kimono.ichikura.jp/

ネイルサロン ラフィーネ

大人の為の会員制ネイルサロンです。更新やキャンペーン情報はブログで更新する形にしています。

http://www.la-raffine.com/

サイレクス

セキュリティシステムなどを取り扱っている会社のサイト。

アイキューブ異業種交流会

「大きな文字」で「訴えかける感じ」「大胆に」というご注文でした。ランディングページによくあるイメージですね。

http://bene2010.com/

中国四国アスベスト調査・診断協会

内容は大変固いものですが、見た目は少し柔らかめに制作しました。パンフレットのデザインにあわせています。

http://chushikoku-asubestos.jp/

美容成分研究所

サロン向け美容商品の開発をしている会社のサイト。代表者様は非常にユニークな経歴&キャラクターの持ち主です。良い化粧品を低価格で作ることに力を入れていますが、一般向けの販売は行っていません。

http://www.biyou-labo.jp/

写真と生活

またまた手前味噌ですが、自分のサイトです。MovableTypeを利用しています。最新の投稿の背景写真が全画面表示されます。ギャラリー系として使える感じがありますが、画像の一部に文字がかかるのは許せない!という神経質な方には向かないレイアウトです。

http://iridesign.net/

Ken&Studio Vanguard

建築家佐々木健一様のサイトです。ご本人は豪快なイメージの方ですが、サイトの方はコンパクトで繊細なイメージです。

http://vanguard-web.com/

学習塾Assist

学習塾のサイトです。学習塾のサイトを見るのは主に親御さんですので、分かり易く情報を見せること、安心していただけるように水色をメインカラーにしています。

http://assist-web.jp/

秋山写真工房

伝統ある写真工房のサイトリニューアルデザインを担当させていただきました。当然、美しい写真素材を沢山お持ちでしたので、どれを使うか、大変楽しく悩みました。クライアント様のおもてなしの心が伝われば、と思います。

http://www.akiyama-photo.co.jp/

司法書士法人 Wing

翼のイメージをトップにもってきました。コンテンツがあまり多くない場合、イメージの見せ方が重要になりますが、どうしも似たものになってしまって難しいところです。この子供の写真はとても気に入っているもののひとつです。

http://www.2wing.jp/

Natural Movement

パーソナルインストラクター様のPRサイトです。

MWE2009

学会の展示会サイトです。毎年htmlの作成は担当させてただいていましたが、はじめてデザインを担当したので、かなりデザインを変えて一新しました。情報の変更が多いため、変更に応じ易いレイアウトにしています。

http://apmc-mwe.org/mwe2009/

愛甲建設株式会社

一口に「建築」「建設」といっても、会社ごとにその姿勢・作業範囲などは大きく異なります。(意外にこの業界の方からお仕事のご依頼が多く、そういうことに気がつきました)愛甲建設様は、「地域性」を重視している会社様でHPを始めて作るということでしたので、まずはその姿勢を伝えることに重点を置きました。

http://aiko-kensetu.com/

鋳造系会社のHP

自社で制作していたホームページを全面リニューアル。鋼業系・機械系の業種の方で、最近はこのパタンが増えています。元々数字には強い方が社内にいらっしゃるので、ある程度のサイト制作は社内でも出来るわけです。最近は、素人でもそれなりのページを作ることが出来るサービスが色々あり(選べるほど色々あります)、ホームページの制作者は一体何が必要とされるのかを考えなければならない時代です。まず、作った。次はどうするか。という提案をするためには、直接お客様にお会いして、その会社の現状や問題点、良いところなどを分析しなくてはなりません。自分では自分のことが分からない(或は間違えて捉えている)ことはままあることで・・

http://www.koshuha-foundry.co.jp/

日向きもの学院

自宅訪問で着付けを教えている学院のサイト。比較的年齢層の高い方が利用されるということで、分かりやすい構成を心がけました。着物についてのお話などもさせていただきました。最近は年配の方でも、着物の基本が分かっていないと少々お嘆きのようです。

http://khimuka.co.jp/

A Soul

ヨガ・ダンスインストラクターの彩乃さんのサイトです。彩乃さんは非常に可愛らしい方なので、私の彼女に対する印象が強く出た形になっています。更新はご本人が出来るように、今回もwordpressを利用しています。

http://a-soul.jp/

一蔵の振袖

振袖のブランドサイトです。販売のページもありますが、本体の主要な役割はブランドイメージの定着ということでした。更新の多い箇所に関しては、クライアント側で修正できるようにMTで構築しています。

http://kimono.ichikura.jp/furisode/

ヨガインストラクター川谷幸子さんのブログ

ヨガのインストラクターさんのブログ。更新は勿論ご本人がなさっています。これをきっかけにして、自分の教室をはじめたり。ネットやコンピュータが苦手な方でも、大袈裟に考えずブログからはじめてみてはどうでしょうか。費用的にもお勧めです。今回は、so-netブログをカスタマイズしています。動作が少し重い感じがしますが、so-netブログのカスタマイズ度はまあまあといったところ。モバイルの方の設定が少ないのがちょっと残念です。

http://yukikohime.blog.so-net.ne.jp/

BNI 渋谷Bambooチャプター

朝のビジネス朝食会のサイト。トップページだけは静的なページですが、会員のブログの最新情報はRSSを収集。各ページのコンテンツは全てブログで更新しています。過去のデータを利用して、最小限の手間で、さっとポータル風のものを作る場合には、有効な手段だと思います。

http://www.bni-bamboo.com/

回心会・青秀会

回心会・青秀会のサイトを制作しました。同時に4つの病院のサイトと、最新情報を更新するニュースサイトも立ち上げ。色違いで展開です。統一の仕様でサイトを制作する際の注意点など、色々勉強になりました。規模が大きい、数が多い、などの場合、最初の仕様を出来るだけ正確に決めておくこと。ただ、実際の原稿を読み進めていくと、どうしても最初の構成通りでは具合が良くないことが分かる場合も。その時は思い切って構成を変更することも必要です。

http://www.mck.or.jp/

会社社長さんのブログ

お仕事のヒアリングに行った会社の社長さんのブログカスタマイズ案件です。IT系の社長は殆ど自分より若い!もともとLivedoorのブログを利用していたので、契約はそのままデザインを変更しました。Livedoorのブログはカスタマイズ度が高い事は以前から有名でしたが、本当にその通りで、ほぼ(ブログに見えない)普通のサイトを作る事も可能です。多少の費用を払えば(ほんとに多少)、広告も削除できます。珍しく男性向けのデザインです。(と思っているのは私だけ?)情熱社長ってことで、勿論メインカラーは「赤」です。

http://atuiotoko.livedoor.biz/

Honlabo

手軽な小ロット印刷サービス。nuCleusで構築し、クライアント様がご自身で更新しています。nuCleusは、うまく使えば非常に面白いCMSだと思いますが、使い方にやや癖があり複雑なためか、なかなか広がりませんね。同じことをMODxにも感じます。ポテンシャルがあるのに勿体ない!

http://honlabo.com/

ドクターズプラザ医療情報館

コンテンツの多いサイトを中身はそのままデザインリニューアル、という案件です。この方法ですと、こちらの作業はトップおよび下層のテンプレート1ページのため、費用はかなり抑えることができます。ある程度自分たちでhtmlやphpが組める方にはお勧めの方法ですが、あまり凝ったデザインにすると、更新が面倒になってしまい、うまくいかない事が多いのが難しいところです。

http://www.drp.ne.jp/

労働組合様サイト

労働組合のホームページのリニューアル。楽しい雰囲気が伝わるようにカラフルにしてみました。

http://www.teng-union.com/

青梅療育院

青梅市にある介護老人福祉施設のサイトです。駅から少し離れた場所にありますが、空気の良さそうな場所です。はじめて伺った際には、キンモクセイが辺り一面に香っていました。

http://www.jiniku.or.jp/

きゅらり

お世話になっている制作会社様のサイトを担当させていただきました。ロゴのグリーンを基調にして、シンプルで暖かみのある(代表取締役の女性は実におおらかな性格です)デザインにしました。更新がしやすいようにwordpressを使用して、静的なページとブログ・コラムを設けています。

http://www.culali.com/

BEECH

長年お世話になっています、シップペイント藤田様の新しいサイト。といっても本体サイトから独立した個別のサービス案内のページになっています。本体のサイトは、ほのぼのとしたテイストですが、こちらはちょっとイメージを変えています。サービスの内容や、見て欲しい相手によって、サイトの作りを変えてみるというのは大事ですね。

http://atsui-ship.jp/

エステサロン Soljewl

六本木のエステスクール・サロンのサイトです。大人の女性向けのエステということで、配色等を落ち着きのあるものにしています。

http://www.soljewl.com/

回心堂病院

回心堂病院は、回心会グループの病院の1つ。都心の駅からすぐの場所にあり、療養病床として交通の利便性に優れています。人材開発部の担当者様は、こちらの病院を中心に活動しています。人材を確保すること、確保した人材に長く勤めてもらうこと、人材を育てること。これが早急の課題だということでした。人を作るのは人である以上、ITで協力できることがどんなことなのか。無味乾燥なシステムは、意味がありませんが、きっかけとして何か出来ればと思っています。数多くある、社内限定サイト(イントラサイト)はうまく機能していないものが多く(システムは優秀でも、結局使われなかったり)、作って終わりになっているのは、いずこも同じ。

http://kaishindo.mck.or.jp/

弁護士法人アクトワン

弁護士法人のサイトです。お仕事の性質から、「信頼・堅実」を感じさせるデザインを目指しました。

http://www.act1-legal.jp/

知温

神田の駅前にある整体・マッサージの小さなお店のHPです。コンテンツの内容が少ないと、寂しく見えてしまうので、出来るだけそうならないように工夫したつもりです。癒すことがメインの場所ですので、優しい感じに見えるように色や形を配慮しました。

http://chion.jp/

ゴブランアンティークス

ベルギーと東京の間を行ったり来たりしている女性が運営している、アンティーク雑貨&ゴブラン織りのバッグ販売サイトです。ゴブラン織りのバッグは、ベルギーのアーティストさん(素敵な女性です)の手づくりで、全て1点ものです。

http://www.gobelins-antiques.com/

Copyright 2010(C)INT DESIGN All Rights reserved.