You never know until you try.

マンション ECサイト キャラクター CLICK
トップへ
戻る

マンションサイト デザイン

感想
高級感のあるマンションというのがテーマ。じゃあ、黒色かなーっとおもってやってみたけれど、素材が昼の写真しかなくて加工するのにすごく時間がかかってしまった。窓を光らせるって難しい。でも、急がば回れ。結局、コツコツやった方が早かった気がする。

課題:マンションサイトのスクリーンショット

課題名 「グランドワーズ みずの坂」
 WEBサイト デザイン
制作日 2015年03月25日
クライアントの要望
  • 高級感のある仕上げ
  • ブラウザウィンドウサイズ 1000px~1200pxを想定
  • 幅960px 縦任意
構成要素
  1. ヘッダーロゴ
  2. グローバルナビ
  3. メインビジュアル
  4. キャッチコピー
  5. モデルルームオープン告知
  6. 販売価格帯
  7. 「資料請求」「来場予約」ボタン
  8. 「現地案内図」「物件概要」リンク
制作意図 高級感のある仕上げということで、余白を広く取ることを意識し落ち着いた雰囲気と高級感を出すためにトーンの低い色合いを選びました。
使用ツール Photshop CS5
Illustrator CS5
製作期間 約24時間

ECサイト

感想
コーディングまでやる課題。改めてデザインって難しいと思いました。どんな見出しが見やすいのか、使う色とか。何回もグルグル考えて元に戻ってしまう。もっといろんなサイトを勉強しないとダメと思いました。

課題:ECサイトのスクリーンショット新しいリンクで開く

課題名 雑貨サイト(デザイン・コーディング)
制作日 2015年04月17日
クライアントの要望
  • 商品が売れるサイト。認知度アップ。
  • 整理されて見やすいレイアウト。
  • 特集やキャンペーンは、バナーを配置して目立つように。
  • カテゴリー一覧は文字ばかりにならないように工夫する。
  • 商品の豊富さを印象付けられるような、情報量の多いトップページにする。
  • 幅960px 縦任意
構成要素
  1. サイトロゴ
  2. 特集の告知
  3. 各種バナー
  4. 人気商品(3位まで)
  5. スタッフのオススメ(3点程度)
  6. 新着アイテム
  7. ショップからのお知らせ
  8. ショッピングガイド
  9. カテゴリ一覧
  10. ヘッダー、グローバルナビ、フッター
  11. メインビジュアル
製作意図 情報量の多いサイトということで余白を小さめにとって賑やかに見えるようにし、商品の周辺は余白を十分にとってみやすくなるようにしました。また、サイトの色々な所にアクションを入れることで楽しみながらサイト全体を見てもらえるようにしました。
使用ツール Photshop CS5
Illustrator CS5
製作期間 約40時間

キャラクター製作

感想
新しいキャラクターを製作し、実際のクライアント様にプレゼンする課題。うまく絵を書くことは苦手だけど、新しいキャラクターを妄想するのは楽しかったです。プレゼン方法も自由だったので、WEBで即席のパワーポイントみたいなのを作ったら面白そうだと思い、それでプレゼンしました。いい経験をさせて頂いたと思います。

課題:キャラクター製作のスクリーンショット

課題名 キャラクターデザイン・プレゼン
制作日 2015年04月28日
クライアントの要望
  • 基本的に「グリム童話」に出てくる動物。(グリム以外でもOK)
  • なるべく普遍的で親しみやすいキャラクターが良い
  • 「アート」と「商業デザイン」の中間のようなキャラクターだと尚良い
  • 2D(Illusutrator or Photoshop)で制作
  • 一般向け(広い世代に受け入れられるもの)
製作意図 モチーフを選ぶにあたり印象に残るキャラクターにしたかったので、好きか嫌いか評価の分かれるヘビを選びました。
このキャラクターは、見た目が他の蛇と極端に違うことで他の生き物から気味悪がられてしまいますが、その生き物たちを助ける為に旅をしているという設定で、子どもには教育の、大人には人間関係のメッセージ性があるようにし、ストーリーを持たせることでこのキャラクターを軸にした別の話や、グッズの展開ができるようにしました。
使用ツール Photshop CS5,CC
Illustrator CS5,CC
製作期間 約24時間