Studio aiKa

Graphic Design

Logo

BakeryCrust.png

あんずの天然酵母を使用しているということなので、あんずを切ったイラストを使用しました。 それだけだとパッと見て果物屋さんにも見えたのでパンをイラストも使用しました。両方とも自作です。 文字は英国をイメージしたフォントを使用しています。

SoZo.inc.png

モチーフは社名をローマ字で表記した時の”SOZO”を組み合わせです また、御社がサービスを提供し、ユーザはサービスを受けて料金を支払う、 サービスに対してフィードバックを行う形が”無限”に繋がっている事から、 “∞”の形を取り入れました。

Banner

KyotoBlog_banner.png

「京都市公認の京都の見処やトレンド、観光についてまとめているブログ」をイメージして作成しました。 色調は春をイメージした桜色をベースに、文字色を白にしています。 クリックを促すように「こちらから!」の文字を入れました。

KyotoTravel_banner.png

イメージは2000年代に良く見た「本当にお得なの?」とちょっと疑い半分で見ないといけないタイプの広告バナーです。 実際にページに飛んでみて、よくよくプラン内容や規約を読むと「やっぱりお得じゃなかった」なんて事はザラで、 いい思い出です。 綺麗さよりも、情報を取り入れてもらいやすさを意識しており、ゴシック体、全体的な太さを取り入れています。

hideaway_banner__02.png

イメージは「ソーシャルネットゲームでよく見るタイプの広告バナー」です。文字に鮮やかな色のグラデーションと ふわふわとした雰囲気を取り入れました。

hideaway_banner__03.png

「YouTubeの動画サムネイルっぽい広告バナーです。」
画像を横切る形で上下にスペースを空けて真ん中を横切る形でザブトンを敷く事で映画タイトルのような 雰囲気を出しています。

hideaway_banner__04.png

「ドリンク全商品がテイクアウトできる」という情報は、お客様にとって必要ではありますが、 売り手として、他の広告より目立って知らせたい情報という訳ではないと考え、あえてシンプルな デザインを採用しました。

hideaway_banner__01.png

「楽天にあるような広告」をイメージしたバナーです。 この広告が「何なのか」は一番強い位置の左上に、「期間、タイムリミット」という次点の情報は右下に配置し、 「Zの視点の動き」を意識しています。

Design Comprehensive Layout

SoZo.inc_webcomp__01.jpg

「デジタルコンテンツ事業のコーポレートサイトデザイン作成」の講義で作成したA案デザインです。 40代〜50代男性に好まれそうな、比較的固めなデザインで「2000年代のWebサイト」をイメージして作成しました。

SoZo.inc_webcomp__02.jpg

「デジタルコンテンツ事業のコーポレートサイトデザイン作成」の課題で作成したB案デザインです。 A案が「明るい、公正」な印象に対して、こちらはコマンドプロンプトなどの「デジタル的な黒い画面」をイメージし、 より「デジタル」をイメージした物に差し替えています。

Other

Hana'sEngawa.jpg

「無添加の和食が特徴の古民家カフェ」フライヤーの課題で作成しました。 麺のランチマットのイメージした下地と、和をイメージした日の丸をデザインに採用しました。 また、使用する色を多用しないことで、要点が伝わるように工夫しました。

Website Design

「架空の隠れ家的なカフェ」のWebサイトコーディング課題で作成(Topページのみ)。 レスポンス対応もしており、1024px以下になった際はナビゲーションがドロワーメニューに変化します。 同様にバナーやiframeで埋め込んだ要素も極力違和感無く閲覧できるように調節しました。

「本物のクライアントのWebサイトを作成しプレゼンを行う」の課題で作成。 こちらはチーム作成を行い、コーディングリーダを担当しました。 (※「メニュー」の項目は他メンバーがコーディングしています。) ページトップのアニメーションとスクロールした時に出現するナビゲーションはjQueryで制御しています。
(※トラブル防止のため、ロゴや店名等を実際に使用したものと差し替えています。)