「ホームページのデザインカンプの作成依頼（トップページのみ）」への株式会社 桑木さんの提案一覧

メンバーからのコメント

國光様

初めまして。株式会社 桑木(くわもく)と申します。
SHARES様トップページをご提案させていただきましたので、ご確認いただけますと幸いです。

私自身もコワーキングスペースを利用した経験があり、
初めて利用するユーザーにも分かりやすい構成を意識しながらデザインしました。


============================================================


■構成

0.ヘッダーナビ
1.メインビジュアル
2.コンセプト
3.使い方
4.ご利用の流れ
5.フロア案内
6.利用料金
7.イベント
8.カレンダー
9.アクセス
10.作品販売
11.事業サポート
12.フッター


【コンセプト・使い方】
コワーキングスペースから住所利用まで様々な使い方が出来る点をPRするために
コンセプトセクションでは利用シーンに合った人物写真を配置しました。
また使い方セクションで具体的な使用例を出すことで、より利用シーンをユーザーが想像しやすくしています。


【ご利用の流れ】
飲み物1杯注文で時間に制限なく利用できる料金システムは他社ではあまりお見かけしないため
初見では戸惑う方もいると想定し、ご利用の流れセクションで具体的に説明させていただきました。


【フロア案内・利用料金】
ユーザーが一番知りたい情報だと判断し、トップページにも入れました。


─────────────────────────────────────


■デザイン

【デザイン概要】
御社のWebサイトでお見かけする「ほっとする」「家庭的」というワードと
國光様の起業したばかりの方を応援したい気持ちを反映させた、
暖かく・前向きな気持ちになるようなWebデザインを目指しました。

水彩素材や水玉模様で温かみを出し、流体シェイプや波シェイプで画面に動きを出すことで
前向きに新しいことに挑戦したくなるようなデザインに仕上げています。


【色】
コワーキングスペースのテーマカラーはロゴに使用されている赤をメインカラーとしました。
作品販売はイエロー、事業サポートはオレンジ色としています。


【セクション】
・ヘッダーナビ
ピクトグラムを使用し初めてアクセスする方にも親しみを感じるデザインにしました。
オーナー様の事業はコワーキングスペース事業と分けた方がユーザーには分かりやすいと考え
コワーキングスペース事業と國光様の事業でナビのデザインを分けています。

・メインビジュアル・コンセプト
流体シェイプで写真を切り抜いています。
流体シェイプは静止・変動どちらでもOKです。

・フロア案内
各フロアの装備をピクトグラムでわかりやすく表示しました。

・作品販売
コワーキングスペースセクションとは別のセクションなので
分かりやすくするため作品販売のカラーをイエローとしました。
作品写真を正方形にリサイズし、横スライドショーで次々と切り替わるデザインです。
※写真ACの写真をダミーとして入れています。

・事業サポート
コワーキングスペース事業とは別の事業ですので
分かりやすくするため事業サポートのテーマカラーを一旦オレンジ色としています。
※他の色に変更可能です。


============================================================

一緒にお仕事ができますと幸いです。どうぞよろしくお願いいたします。