メニューを飛ばして本文へ

制作実績Works

★グーペ・カスタマイズの事例を一部ご紹介いたします。

KAYAMさま

Webサイトのデザイン(フルカスタマイズ)

東京・世田谷の閑静な住宅街でプライベート・ヒーリングサロンを開いている「KAYAM」さまのWebサイトデザインです。
もともとグーペで作られていたサイトの、全面リニューアルをご依頼いただきました。

全面リニューアルではありましたが、以前からのサイトの世界観は踏襲したいとのこと。

白×ネイビーをベースに、アクセントで蛍光エメラルドグリーンをあしらう、というリクエストでした。

【カスタマイズ内容】

  • フルカスタマイズ(レスポンシブWebデザイン対応)
  • オプション(フリーページ追加制作×1)

レイアウト

3カラムで、センター部分のみ上下にスクロールする、という特殊なレイアウトになりましたので、レスポンシブ対応させるためにかなり試行錯誤しました。

タブレットやスマートフォン表示でも、なるべく同じ世界観を表現できるよう、細部まで工夫いたしました。

インフォメーションはコンパクトに。

左サイドは、ロゴ・イメージ画・ナビと盛りだくさんです。
縦方向が狭いワイド画面でも、なるべくナビが消えてしまわないよう、工夫しました。

例えば、グーペのテンプレート「Hello」で登場したインフォメーションの新しいアーカイブスタイルを、こちらでも早速使わせていただいたり・・。

お知らせ部分をコンパクトにするのは今回が初めてでしたが、スッキリしてなかなかいいですね!

フッター部分にサイトマップを。

コンテンツの多いサイトにオススメなのが、フッター部分にサイトマップ的なナビゲーションを付けることです。

実はKAYAMさまのサイト、フリーページが20ページ以上あります。(そのほとんどをご自身で作成されています!)

フッター部分に常にナビゲーションを置くことで、各ページにアクセスしやすくなったのではないでしょうか。

お客さまの声

紆余曲折ありましたが、思い通りのサイトが出来上がって嬉しく思っています。
こだわりが強くリクエストが多くてチェックも細かくて、とっても面倒なクライアントだったと思います。
完成まで根気よくおつきあい頂けたことに心から感謝しています!

リニューアル前から使っている、ちょっとばかり癖のあるイラストをそのまま使いたい。カラーはネイビーとホワイトのみ、ポイントで蛍光っぽいエメラルドグリーン。デザインは余白たっぷりですっきり見やすく、でも全体的には脱力感のある、ゆるい感じ・・・。

こんなリクエストをさせていただきながら、完成イメージを見失い、迷宮入りしながら、何度も何度もデザインをご提案いただきました。そのうち、「こういう感じは良くて、こういう感じは違う」ポイントが見えてきました。

今にして思えば、テイストの違うデザイン案を見せていただきながら自分の望みに気がついて、選択していくプロセスもすでに、すぎやまさまの手の内にあったような気がします。

そうこうして、デザインがほぼ決定したというタイミングで!なんと私は、すべてを一から作り直していただく、という暴挙(?)に出ました。これまでの苦労が水の泡になってしまいますが、どうしてもやり直したい!という思いが強く、お願いをした次第なのでした。

実は私も以前、Web制作の仕事をしていたことがあるのですが、このタイミングでこのオーダーが来たら、立腹ものです。あるいは、間違いなくモチベーションを失っていたと思います。なので、お願いするのはとても心苦しかったです・・・。

それでもすぎやまさまは、良い意味でクールに、それまでと同じように、たんたんと仕事を進めてくださいました。

最終的には、私のラフデザインを洗練させた形で、完成させていただきました。文字間やレイアウトまで、細かく注文してしまったのですが、「実現できる/できない、できない場合はこんな代替案がある」と丁寧にご説明していただき、とても助かりました。

今回のオーダーは制限が多かったと思うのですが、ちょっとしたアイコンやパーツの使い方などで、シンプルだけではないユニークさが加わったと思います。これはすぎやまさまのセンスによるところだと思います。まさに私が求めていたデザインでした。

気が早い話ですが、次にすぎやまさまにリニューアルをお願いするときは100%お任せで制作していただきたいです!きっと私のイメージをはるかにこえる、素敵なアイデアをご提案いただけると思います。

この度は大変お世話になりました。ありがとうございました。

(2014.12.20)

とても励みになります!ありがとうございました!

1


このページのトップへ
sample