miraishikolabo様
はじめまして。
黒木綾香と申します。
WebサイトをXDにて制作しましたので、ご提案させていただきます。
メインビジュアルとサービス紹介の部分は2種類作成しましたので、まず1つ目のパターンをご提案いたします。
【デザインについて】
・北欧モダンがイメージとの事でしたので、アースカラーのグリーンをベースにして、植物のイラストをポイントで使用しました。
・ロゴのカラーは文字色と合わせてホワイトに変更しました。
・サイズはPCを想定して1200pxで作成しました。
余白で左右100pxずつ使用しています。
・写真は全てご提供頂いたデータの中から使用しております。
以下コンテンツごとの詳細になります。
【ファーストビュー】
・ナビゲーション部分は、メインビジュアルに目がいくようにシンプル・コンパクトにしました。
・メインビジュアルの写真は一定時間経ったら自動で切り替わる&右下の矢印で手動でも切り替えられる、また切り替わる写真の枚数を表示させるデザインになっております。
・写真を何枚か使用する事で、どのような事ができるのか一目見て伝えられるようなファーストビューにしたいと考えています。
(写真ごとでキャッチコピーを変えるなど)
【コンセプト】
・デザインデータの地域サードプレイスふじくらすのテキストを使わせていただきました。
どのようなことを行っているのか・何が出来るのかなどを写真付きで説明するコンテンツにしたいと思っています。
・下はシェアスペースで行っていることが伝わるように、複数の写真を流してみせる構図を想定しています。
【サービス】
・左上の左右ボタンを押してサービス内容を横移動させて見せる構図になります。
【FAQ】
・▼を押したら下に答えが表示されるアコーディオンメニューになります。
【アクセス】
・左側に住所や連絡先などを記載、右側にはGoogleマップが表示されるようなデザインにしました。
・元のデータで使われた地図のイラストや写真も、このサイトに合う色やデザインにブラッシュアップして使用したいと考えています。
【フッター】
・フッターナビの内容は元データを参考に作成しました。
・ロゴもメインビジュアルと同じように白色に変更しました。
【その他】
ファーストビューと2~3ブロック目までとの事でしたが、全体的な構成が伝わればと思い、ヘッダーからフッターまで作成しました。
勿論コンテンツの追加も可能です。
ボリュームにもよりますが、ご提示のお値段で下層ページやスマホサイズの作成も出来ますのでお気軽にご相談下さい。
よろしければ、サイトの目的など詳しくヒアリングさせていただき、より良いページを一緒に作っていけたらと思います。
修正はご希望のサイトが完成するまで、何度でも可能ですのでご検討いただけますと幸いです。
画像が縮小されてしまうので、コンテンツごとにカットしたものを後ほど送らせて頂きます。
よろしくお願いいたします。
メンバーからのコメント
〇〇様
お世話になります。
黒木と申します。
2パターン目のデザインをご提案させていただきます。
基本的には1パターン目と同じデザインで、メインビジュアルとサービス紹介のみ少し変えてます。
【メインビジュアル】
右下にあった◀︎▶︎を左右に移動、切り替わる写真の枚数を無くしました。
【サービス】
サービス内容を左右交互に表示させる構図になっています。
MOREのボタンにカーソルを移動させるとカラーが反転するデザインを想定しています。
上記の2点が1パターン目と異なります。
こちらも後ほどカットした画像をお送りいたします。
よろしくお願いいたします。