
Works
制作期間 3日間
使用ツール Photoshop
概要 groundsのサイトをユーザビリティを考えながら自分なりにアレンジしてみました。 商品のイメージに合うようなスタイリッシュかつ遊び心を感じさせるようなサイトに。
ターゲット ファッション好き、靴好きの方。服飾学生など。
デザイン groundsコンセプト”LEAP GRAVITY”「人間と重力(地球)の関係に変化をもたらすこと」から “地球”=水の惑星の発想と商品に寒色が多かったのでアクセントカラーを青に。色が単調になら ないようポイントで補色のイエローも加えました。まだまだブラッシュアップが必要ですが、既 存のサイトより情報量を抑えて、ユーザーに商品が見つかりやすい制作を心掛けました。
制作期間 3日間
使用ツール Photoshop
概要 札幌市西区発寒にある銭湯「湯屋サーモン」のサイトをアレンジ制作しました。 看板、内装共にサーモン一色で可愛らしい雰囲気と地域密着型の施設なことを 踏まえて、老若男女問わず親しみやすいウェブデザインを目指しました。
ターゲット 銭湯、サウナ好きの方。
デザイン サーモンに因んで、配色はサーモンピンク、皮の色のグレー、海や川をイメージ したブルーで構成しました。ナビゲーションメニューから料金など見たい内容に すぐたどり着けるよう心掛けました。既存のサイトをもとにお得情報等ユーザー がどこを知りたいのか、お店側はなにを見てほしいのか、両者の意思疎通が図れ るよう、ユーザビリティを意識して制作しました。
制作期間 5日間
使用ツール Photoshop
概要 恵庭市役役所のホームページをアレンジ制作しました。ユーザビリティを考えた より閲覧しやすいかつ、地域の人々にもっと活用してもらうサイトに。
ターゲット 恵庭市民の方々。市役所のことが知りたい方。転入者等。
デザイン 恵庭市は花の街と言われているので、カラフルな配色も考えましたが、市役所のサイト なのであまり視覚的主張が少なくかつ、かっちりしすぎない緑色をベースに作りました。 既存のサイトは検索バーがあるものの、たどり着きたいとこまでの道のりが長いのと、 気になるであろうコンテンツの情報が小さいかつ、余白が少ないと感じたので「整列」 「対比」「反復」を意識して構成を考えました。
制作期間 5日間
使用ツール Photoshop illustrator
担当範囲 ロゴ制作、コーディング
概要 地域密着型の水族館イメージ。ウェブサイトを見てこの水族館が どんな雰囲気かわかるようなサイトに。美ら海水族館を参考に作りました。
ターゲット 20代~30代のカップル向け。
デザイン 落ち着いた雰囲気の大人な水族館を目指しました。全体的に深海のような濃い青色で まとめ、アクセントに水色緑色も混ぜ、まるで海の中にいるような体験ができるサイ トに仕上がりました。
ロゴデザイン ロゴはイワシをイメージした魚が渦を巻いて泳ぐ表現と、水の流動性をかけ合わせ 水滴とも魚とれるような形に。黄色とオレンジの円は反射する光の表現。自身たちも 魚のように館内を見て楽しんでほしい願いも込めて、モチーフを円形に配置しました。
制作期間 5日間
使用ツール Photoshop
概要 巻き返したい旅行代理店。他とはひと味違う動きを付けたサイトかつ、 ユーザビリティを意識したコンテンツ配置を目指しました。
ターゲット 30~60代男女、パワスポ巡り、温泉巡り好き。定年退職後の夫婦旅行等。
デザイン ターゲット通りに落ち着いた印象にしたかったので、配色は白、深い赤、 ポイントで深い青を使用。フォントは大きい見出しは明朝体それ以外はすべてゴシッ ク体(ノトサンズ)にしました。コンテンツの並べ方は、自分が実際利用するなら、 「ココにはこういうコンテンツが入っててほしい」などユーザー側の視点で考えました。
ロゴデザイン 神社の別名“宮(みや)”と温泉の湯、ゆるりと旅を楽しめるように宮ゆるり という社名に。曲線は温泉マーク♨をイメージ。梅の水引を用いたのは、水引の 人と人を結びつけるという意味から、私たちがお客様と旅を結びつけますという思い を込めて配置しました。

.png)




