エグゼクティブクリエイション トップページはこちら お電話での無料お見積りは 03-5839-2512当サイトメールフォームからの無料お見積りはこちら

ホームページを活用し 売上・成果を上げる方法満載

お洒落なホームページ制作をご希望なら!【12のお洒落webデザイン】

「web集客をメインとしたホームページ制作をお願いします」といったご要望と共に多いのが”お洒落なホームページ制作”です。
既存の取引先に見てもらえれれば良いといった場合を除き、やはり制作したページを多くのインターネットユーザーに見てもらう/知ってもらうことは重要です。
 
 
どれだけお洒落なデザインで素晴らしいサイトを制作しても、それを多くの人々に閲覧してもらわなければ勿体ないため、弊社ではSEO及びアクセスアップ面の対策も考慮した制作を行っております。東京近郊にはお洒落なホームページ制作を得意とするweb制作会社が多数ありますが、サイト公開後の反響UP・更新運用面までトータルサポートしている会社は少なく、それを行っているのが弊社の特徴です。
 
本記事では”12のお洒落webデザイン”のご紹介として、建設業・教育/医療機関・店舗/会社サイトの弊社ホームページ制作例の一部を掲載いたします。
 
 
good-design-home-page-10case-main.jpg
 
 

12のお洒落なホームページ制作デザイン例

業種イメージによってwebデザインは大きく異なる

ホームページデザインは業種によって、おおよその方向性が決まってきます。例えば医療機関の場合、圧倒的に爽やかで清潔感のある色合いのブルー・グリーンが多く、トレーニングジムの場合は高級感ある黒やグレー、シルバー・ゴールドで制作を行うケースが多いです。
 
ですがお客様のご要望により、医療機関で黒ベースにて制作をすることもあります。そういった場合、暗くなり過ぎないようサブカラーをパステル系のカラーリングで調整する等を行っています。医療機関様のホームページ制作時に派手でカラフルな雰囲気にしてしまうと、どうしても違和感を感じますが、敢えてインパクト重視のご要望でお作りするケースもあります。
 
通常は”業種イメージとかけ離れないこと”を考慮し、制作を行っております。
 
 
 

建設業/リフォーム お洒落ホームページ制作デザイン

 
good design home page 10case 1.jpg
good design home page 10case 1-2.jpg
good design home page 10case 1-3.jpg
good design home page 10case 1-4.jpg
 
こちらは株式会社Neo様の会社紹介ホームページで、一般的な建設業のイメージとは異なるビジュアルデザインで制作。横浜の高層ビル・街並みを中心に先進的でスタイリッシュ、お洒落な雰囲気に仕上がっています。
 
メイン事業の「外壁事業」「不動産事業」を軸に、シンプルモダンにコンテンツデザインを行っています。デザイン制作時は革新的なイメージをサイト訪問者へ与えられるよう、キャッチコピーの文面から写真/レイヤーの見せ方までこだわっています。
 
 
-------------------
 
 
good design home page 10case 2.jpg
good design home page 10case 2-2.jpg
good design home page 10case 2-3.jpg
good design home page 10case 2-4.jpg
弊社と同じ東京台東区に事務所を構えられているPINGOD様のホームページ制作例です。メインビジュアルは家族がリビングでくつろいでいる画像を使用し、温かみのある雰囲気で制作。
 
キャッチコピーや各コンテンツタイトルの視認性を重視し、適宜縦書きでのコピーも取り入れています。温かみのあるお洒落なwebデザイン”を意識して制作いたしました。
 
 
------------------
 
 
good design home page 10case 10.jpg
good design home page 10case 10-2.jpg
 
東京板橋で住宅リノベーションをメインで行っているicos様のコーポ―レートサイトです。
 
icos様にてこれまでに工事を行った店舗内装・住宅内装画像を組み合わせ、メインビジュアルを制作。デザイン性の高いリノベーションを行っているのがすぐ分かるようになっています。グレーのレイヤーを活用し、全体的にシックでお洒落な見せ方を重視。
 
「スッキリとしたシンプルなデザイン」となるよう単色を中心としたコンテンツ制作を行っています。下層ページもインパクトある画像をファーストビューへ配置し、印象的なキャッチコピーと合わせてデザインしました。シンプルながらも凝ったイメージが表現できるよう工夫しました。
 
 
------------------
 
 
good design home page 10case 3.jpg
good design home page 10case 3-2.jpg
good design home page 10case 3-3.jpg
こちらは軽井沢の住宅/別荘をご提案 こもれびの家です。東京中央区の建築業の会社様運用のwebサイトで、爽やかさと透明感をお洒落に演出。自然と近代的な居住空間がマッチするwebデザインを重視しています。特にTOPページ下段「Construction/施工事例紹介」部分のビジュアルがとてもお洒落です。
 
 
 

教育機関/医療 お洒落ホームページ制作デザイン

 
good design home page 10case 4.jpg
good design home page 10case 4-2.jpg
 
東京大学 数理情報第3研究室様のリニューアルデザインで、一般的な教育機関/大学webサイトのデザインとは異なる、先進的でお洒落なビジュアルに仕上がりました。
 
従来のリニューアル前デザインが少し堅いイメージであったため、専門性だけでなくカッコ良さや斬新さも表現できるようデザイン時に工夫しています。紺色・シルバー基調のカラーリングがクールさと高級感を両立させ、メインビジュアル部分の画像がサイト訪問者の興味を引きます。
 
 
------------------
 
 
good-design-home-page-10case-5.jpg
good-design-home-page-10case-5-2.jpg
good-design-home-page-10case-5-3.jpggood-design-home-page-10case-5-4.jpg
 
東京港区の表参道にある美容クリニック様のTOPページデザインです。お洒落で豪華な内装が引き立つ見せ方で制作を行い、全体的に高級感あるビジュアルとなっています。
 
クオリティの高い写真が最大限映えるデザインとは?」を検討し、写真エリアと文章コンテンツを明確に区切りました。鮮やかな赤とワインレッドがインパクトあるwebデザインです。
 
 
------------------
 
 
good-design-home-page-10case-11.jpg
good-design-home-page-10case-11-2.jpg
 
こちらは歯科医院様のサテライトサイトで、親知らずの専門ページということでプロフェショナル感を前面に出したデザインです。
メインビジュアルは院長先生がこれから手術を行う真剣な眼差しの写真で構成。ファーストビューはインパクト重視で、中段下段コンテンツはお洒落な院外観建物の写真等を使用し、逆に落ち着いた雰囲気にしています。
 
既存の歯科医院サイトはPOP/明るい雰囲気のため、サテライトホームページは全く異なる印象で制作。人物へ焦点を当てた見せ方を採用し、親知らずでお悩みの方へ響きやすいビジュアルとコンテンツで構成されています。
 
 
 

トレーニングジム お洒落ホームページ制作デザイン

good-design-home-page-10case-7.jpg
good-design-home-page-10case-7-2.jpggood-design-home-page-10case-7-3.jpg
good-design-home-page-10case-7-4.jpg
good-design-home-page-10case-7-5.jpg
 
東京都内を中心にパーソナルトレーニングジムを複数店舗運営されているDr.トレーニング様のオンライントレーニング専門ページです。ゴールドの濃淡と全体的なレイアウト/見せ方がお洒落で、スタイリッシュ系のwebデザイン。
 
ページ上段から中段はハードルが高過ぎないPOP目なイメージで、中段から下段にかけては専門性の高いイメージで「見た目の良さと共にコンテンツの読みやすさ、分かりやすさ」にも気を配っています。
 
 
オンラインで本格的なトレーニングを受けることができるメリット詳細や主な利用の流れ、このような方におすすめ、トレーナー紹介と、ランディングページ型で制作。TOPページを見れば、おおよその内容が把握できるといった点を重視し制作を行っております。ランディング型ページの場合、コンテンツ同士の区切りを明確にする必要があるため、背景は白ベースで、コンテンツ部分はグレー基調といったように色合いで区切りがすぐ分かるよう工夫しました。
 
 
------------------
 
 
good-design-home-page-10case-6.jpg
good-design-home-page-10case-6-2.jpg
good-design-home-page-10case-6-3.jpg
good-design-home-page-10case-6-4.jpg
 
東京武蔵小山に店舗のあるトレーニングジム Eagle Base様で、ブラック・ゴールドが印象的なカッコイイサイトです。ブランディング/専門性を意識し、お洒落にホームページ制作をいたしました。こちらはビジュアルの良さだけでなく、一般公開後のSEO対策面も重視しビジュアル制作からコンテンツ制作まで行っています。
 
パワフルでスタイリッシュなデザインへ仕上がるよう、外国人男性・女性の画像をメインにレイアウト。メインビジュアルjQuery内の東京夜景ともうまくマッチしており、本格的なトレーニングを求めるターゲットユーザーへささりやすいデザインに仕上がりました。
 
 
 

企業/店舗 お洒落ホームページ制作デザイン

 
good-design-home-page-10case-9.jpg
good-design-home-page-10case-9-2.jpg
good-design-home-page-10case-9-3.jpg
good-design-home-page-10case-9-4.jpg
 
「ベトナム/海外進出支援」をサポートするホームページで、TOPページへ訪れた際、ベトナムの街並みや様子が目を引きます。ベトナムの経済成長・都会的なイメージと、古き良きのどかな田園風景のイメージを上手くマッチするようお洒落にデザイン。
 
ベトナムへまだ行ったことのない方にも興味を持ってもらえるよう、ベトナムの風景を横幅フルサイズで通常よりも多数配置。文字ではなく、写真とイメージで魅せる制作手法を採用。
 
海外進出を検討している方のモチベーションがより高まるような打ち出し方へ重きを置いています。デザイン面の工夫だけでなく「企業/提供サービスとしてどういった強みがあるのか?」「どのような点が同業他社サービスと異なるのか?」といった点がターゲットユーザーへ存分に伝わる見せ方を重視。
 
 
------------------
 
 
good-design-home-page-10case-8.jpg
good-design-home-page-10case-8-2.jpg
 
お洒落な外観・内装写真がメイン画像のHAIR DESIGN SAVRO様のwebサイトです。店舗ビジュアル/写真の良さをより引き立たせるデザインレイアウトでホームページ制作を行いました。
 
店舗に行ったことのない方に対し、お店やスタッフさんの雰囲気を少しでも伝えられるよう、見せ方やキャッチコピー、コンテンツタイトルを工夫しています。全体的なwebデザインはオーガニック/ナチュラルな基調で、落ち着いた雰囲気且つお洒落なイメージにてお作りしました。
 
こちらのホームページも見た目の綺麗さだけでなく、ユーザーが得たい情報へすぐに辿り着けるよう、ストレスを感じないようコンテンツの分かりやすさも重視しています。
 
 
------------------
 
 
good-design-home-page-10case-12.jpg
good-design-home-page-10case-12-2.jpg
 
東京台東区の根岸にて絵画や美術品等の査定を行っているシバヤマ様のホームページリニューアルデザインです。ワインレッドをベースに落ち着いた雰囲気で制作、デザインに合うよう明朝体フォントでキャッチコピー等を記載しています。
 
和柄のブラシ/レイヤーを多く用いて、全体的にほど良い高級感を出しつつ、お洒落なホームページデザインに仕上げています。
ギャラリーで実際に展示されている絵画や査定/商談を行っている人物写真を多く取り入れることで、サイト訪問者に対し躍動的な印象を与えることができます。各コンテンツ/パーツも和柄のみで単調にならないよう、毛筆イメージの装飾を加えています。
 
 
 
【今回の記事の執筆者】
カスタマーサポート部/チームリーダー webディレクター:渡邉 真帆
website-director-blog-pic.jpg
建設業/製造業を中心に300以上のホームページ制作の経験を積む。ディレクション時、クライアントから「事業の強み/差別化のPOINT」を引き出すことが得意。
 
日々IT・PCに関するリテラシー向上に努め、Webのことは勿論、お客様の多様なお困りごとを解決。エグゼクティブクリエイションの中でも特に顧客満足度の高いディレクター。
 
社内では癒し系なものの、クライアントとの打ち合わせ時のキリッと具合は別人のよう
得意なこと:アクティブリスニングと笑顔 苦手なこと:料理と口喧嘩
 
---------------------------------------------------------------

お洒落なホームページ制作をお求めなら

東京のエグゼクティブクリエイションへ!
---------------------------------------------------------------
exe-creation-web-creation-2020footer.jpg
 
◇Web制作/運営に関する各種ご相談コチラ
TEL:   03-5839-2512
FAX: 03-5839-2513
topshitabana03.jpg
------------------------------------------------
≫ホームページ制作 のエグゼクティブクリエイションTOPページ

 

カテゴリ

月別 アーカイブ

まずはお気軽にお電話下さい!是非ホームページ作成、リニューアル等に関しお問い合わせ下さい。
メールでのお問い合わせ:info@mail.exe-creation.com
お電話でのお問い合わせ:03-5839-2512【受付】10:00~18:00(土日・祝祭日除く)
東京台東区のホームページ制作会社/株式会社エグゼクティブクリエイション
〒111-0052 東京都台東区柳橋2-5-6 TOMビル3F
TEL: 03-5839-2512 / FAX: 03-5839-2513