初めまして。 海外在住フリーランスでwebサイトデザイン、ECサイト画像、バナーの制作をメインに行っている Mdesign Lienと申します。 私の経験が國光様のお役に立てるかと思い、コワーキングスペースSHARES様の 「ホームページのデザインカンプの作成依頼(トップページのみ)」応募させて頂きました。 「カフェ併設型コワーキングスペースで仕事をしたい方ももちろんカフェでゆっくり気分転換したい方、使い方は様々」というコンセプトに沿ってシンプルで親しみのある家庭的なデザインを心がけました。 初めての方も敷居が高くなく、気軽に入れるようイラストのあしらいを追加。強みであるドリンク1杯で終日利用できる点を強調しました。 配色はロゴのピンクをキーカラーとしポイントに使用。文字はゴシック体のこげ茶で柔らかさを出しました。 分かりやすいようイラストやピクトグラムを利用したり、曲線の図形を使用しやわらかいイメージを出しました。 余白は多めに取りました。 【デザイン意図】 ・ナビ ナビゲーションは分かりやすいようピクトグラムを入れ、問い合わせボタンをブランドカラーを使用し目立たせました。 ・FV 店内の様子が伝わるよう写真を大きく広げ、左側は抜け感を出し、余裕を持たせました。 クライアントに伝えたい住所利用会員募集と特徴であるドリンク1杯で終日利用可を入れ強調。 お知らせもFVですぐ目に入るよう配置。 ・スペース紹介 店内の様子が伝わるよう写真を配置。 ・SHARESの7つの特徴 初めての方にも分かりやすいようアイコンで簡潔にまとめました。内容は私がまとめただけですので文章を変更いたします。 ・イベント クライアント様の興味を引くため写真を大きくしました。 ・SHARESの3つのサービス 注力していきたいサービスですのでブランドカラーを入れ強調。 ・会員紹介 それぞれのサイトにリンクし詳細は見れるようにします。 ・料金 強みである料金について簡潔にまとめ、トップページに入れました。 ・委託販売 商品の写真をスライダーで自動に右から左に流れるように表示します。現在写真は入れておりません。 ・カレンダー 一目でどのようなイベントがあるか分かります。 ・アクセス ・CTA 最後にお問い合わせの項目を設け、クリックしてもらえるようにします。 詳しく見るボタンはカーソルを乗せると塗りが白になり色が元のボタンと逆転します。 ボタンだと認識できるようデザイン。 色や文章、配置など修正等ございましたら何でもおっしゃってください。 ご検討頂けますと幸いです。何卒、よろしくお願い致します。
メンバーからのコメント
初めまして。
海外在住フリーランスでwebサイトデザイン、ECサイト画像、バナーの制作をメインに行っている
Mdesign Lienと申します。
私の経験が國光様のお役に立てるかと思い、コワーキングスペースSHARES様の
「ホームページのデザインカンプの作成依頼(トップページのみ)」応募させて頂きました。
「カフェ併設型コワーキングスペースで仕事をしたい方ももちろんカフェでゆっくり気分転換したい方、使い方は様々」というコンセプトに沿ってシンプルで親しみのある家庭的なデザインを心がけました。
初めての方も敷居が高くなく、気軽に入れるようイラストのあしらいを追加。強みであるドリンク1杯で終日利用できる点を強調しました。
配色はロゴのピンクをキーカラーとしポイントに使用。文字はゴシック体のこげ茶で柔らかさを出しました。
分かりやすいようイラストやピクトグラムを利用したり、曲線の図形を使用しやわらかいイメージを出しました。
余白は多めに取りました。
【デザイン意図】
・ナビ ナビゲーションは分かりやすいようピクトグラムを入れ、問い合わせボタンをブランドカラーを使用し目立たせました。
・FV 店内の様子が伝わるよう写真を大きく広げ、左側は抜け感を出し、余裕を持たせました。
クライアントに伝えたい住所利用会員募集と特徴であるドリンク1杯で終日利用可を入れ強調。
お知らせもFVですぐ目に入るよう配置。
・スペース紹介 店内の様子が伝わるよう写真を配置。
・SHARESの7つの特徴 初めての方にも分かりやすいようアイコンで簡潔にまとめました。内容は私がまとめただけですので文章を変更いたします。
・イベント クライアント様の興味を引くため写真を大きくしました。
・SHARESの3つのサービス 注力していきたいサービスですのでブランドカラーを入れ強調。
・会員紹介 それぞれのサイトにリンクし詳細は見れるようにします。
・料金 強みである料金について簡潔にまとめ、トップページに入れました。
・委託販売 商品の写真をスライダーで自動に右から左に流れるように表示します。現在写真は入れておりません。
・カレンダー 一目でどのようなイベントがあるか分かります。
・アクセス
・CTA 最後にお問い合わせの項目を設け、クリックしてもらえるようにします。
詳しく見るボタンはカーソルを乗せると塗りが白になり色が元のボタンと逆転します。
ボタンだと認識できるようデザイン。
色や文章、配置など修正等ございましたら何でもおっしゃってください。
ご検討頂けますと幸いです。何卒、よろしくお願い致します。