Works

Landing page

LP制作

Link:http://noriori.pons-design.com

○Time:1ヶ月

Tool:HTML,CSS,jQuery,JavaScript

Bibliography:「葉山女子旅きっぷ」(京浜急行電鉄)

※架空のLPを、勉強のために制作しました。上記サイトを参考にさせていただきました。

Purpose:江ノ電沿線の観光の発展・江ノ電1日乗車券のりおりくんの売り上げアップ

Target:都会で働く20代〜30代のOL。休日に日頃の疲れを癒すべく、小旅行気分を味わいたいと思っている。鎌倉に行きたいが、鎌倉駅前周辺は混雑していることと、車を所有していないので鎌倉の観光は難しいと思っている女性。

Point

①ハンバーガーメニュー上部に設置し、①癒し旅MAPと②料金表についてページ内リンクへ飛べるようにしました。(その他のボタンはLP外にページを作るという設定です。)

②レスポンシブした時に、路線図の見え方が縦長になるように工夫しました。

③癒し旅MAPはjQuaryを用いて、スクロールした時にホワっと出てくる仕様にしました。

④料金表は、LP自体が重くならないよう、コーディングのみで作成ました。

Comment:大好きな鎌倉・江ノ電の魅力を詰め込んだので、見ている方が少しでも「鎌倉へ行きたい、江ノ電ののりおりくん を買ってみたい!」と思ってくださると嬉しいです。

バナーコンペ参加

誕生日を彩る情報をお届けするメディアのバナー制作

○Time:3時間

Tool:フォトショップ

Target:20代〜30代女性

Purpose:Twitterキャンペーンのバナー制作

Point

①バナー自体をギフトボックスに見立てて制作しました。

②「おすすめの贈れるギフトを教えてください!」の部分は、見た方に呼びかけるようなイメージで吹き出し調にしました。

架空のカレー屋のバナー

Time:3時間

Tool:Photoshop

Comment:Photoshopを使用し始めて、最初に制作したバナーです。初めての制作で時間はかかりましたが、クリッピングマスクや文字にシャドーをつける方法など、基本的な知識を学ぶことができました。

Target:20代女性。OL。健康志向。ランチは会社を出て、外で食べてリフレッシュ。

Concept:駅ナカや商業施設に入っている、健康志向の方向けの飲食店。女性が1人でも入りやすい、カフェ風の店内。

Point

①2つのカレーに対して、「気分はどっち?」という、広告を見た人に話しかけるような文言を入れてみました。

②スプーンを目立つ場所に配置することで、今にもすくって食べたくなるような気分になるよう、演出しました。

Business card

名刺デザイン

Time:1時間

Tool:iPad(App:MediBang  Paint)、Illustrator

○Point:表面は、水彩のブラシを使用し、柔らかい印象に仕上げました。裏面には似顔絵を載せることで、より覚えていただける工夫をし、メールやSNSはアイコン画像にすることで、シンプルでわかりやすい名刺になるようにあえて文字を少なくしました。

Portrait

似顔絵

Time:1枚15分

Tool:iPad(App:MediBang  Paint)

Purpose:名刺への使用・SNSアイコン・友人へのバースデーカード等に使用したく、制作。

Point:描きたい人の実際の写真をベースに レイヤーを重ね、より顔のパーツ・特徴を捉えた似顔絵に仕上げました。

髪の色はただ塗りつぶすだけでは単調なため、 ドットのトーンを重ねました。