Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Pf soy

851 views

Published on

  • Be the first to comment

  • Be the first to like this

Pf soy

  1. 1. 【企画書】Webサイト_「カフェ SoyやSaiや」
  2. 2. 制作の動機・背景 「初めてつくったサイトです」 コンペ落ちしたものではありますが…。 HTMLとはなんぞや? イラレもフォトショも まともに触ったことがない、という状態から 2ヶ月半目につくったものが、これです。
  3. 3. 制作のポイント1 「ベースカラー:白」 豊富な提供写真を生かすために。 和食・競合店舗は黒系のサイトが多く見受け られましたが、さまざまなテイスト・タッチの 提供写真をきれいに見せるには、 「白」がバランスが取りやすいと判断しました。
  4. 4. 制作のポイント2 「ホワイトスペースを多め」 居心地のよさを演出するために余白を。 ターゲット顧客層(女性)を意識して、 ホワイトスペースを多めに取ることを デザインの基本方針にしました。
  5. 5. 制作のポイント3 「ロゴ・アイコンに遊び心を」 「白さ」がマイナスに作用しないよう、配慮。 ホワイトスペースを多めに取る一方で、 あまり簡素になり過ぎないよう、 ロゴ・アイコンには、色味と遊び心を加えました。
  6. 6. 制作のポイント4 「ギャラリー形式でメリハリを」 写真の並びが平板にならないよう、配慮。 同サイズの写真を複数枚並べることで メニューが単調なものにならないよう、 JavaScriptでギャラリー形式にしました。

×