REIKO MOCHIZUKIREIKOMOCHIZUKI
web designer
works
![香水LP](images/case4/2-2.jpg)
香水の館 / LP
制作時期:2023年7月
担当業務:デザイン
使用ツール:Photoshop
Mission
同時作成のECサイトと同じ雰囲気で、20〜50代の幅広い女性に好まれるデザインを希望。
Concept
ECサイトのトンマナに合わせ、ピンクとホワイトの配色でまとめました。
若年層だけでなく、大人女性にも受け入れていただけるよう、大理石の背景やゴールドの装飾を取り入れるなど、可愛すぎず綺麗めなデザインに仕上げました。
![コーヒーランキング](images/case4/3-2.jpg)
本格カプセルコーヒー比較ランキングサイト
制作時期:2023年6月
担当業務:デザイン
使用ツール:Photoshop
Mission
カプセルコーヒーの購入を検討しているユーザーに対し、おすすめの商品をランキング形式で紹介する。
Concept
数ある商品の中でも1位商品が特に優れている、ということを伝えるデザインを意識しました。
1位商品のみ赤色で目立たせる・背景色をつけるなど、他商品との差別化を図りました。
![sportipバナー](images/case4/4-2.jpg)
![sportipバナー](images/case4/4-1.jpg)
Sportip Pro / バナー
制作時期:2023年9月
担当業務:デザイン・コピーライティング
使用ツール:Photoshop
Mission
既存バナーのCTRが悪いので、新規作成したい。
Concept
一言で、何のサービスか分かるようなコピーを提案。
健康×ITのスタイリッシュなデザインを目指しました。
![ゴリラクリニックバナー](images/case4/5-2.jpg)
![ゴリラクリニックバナー](images/case4/5-1.jpg)
ゴリラクリニック / バナー
制作時期:2023年9月
担当業務:デザイン・コピーライティング
使用ツール:Photoshop
Mission
既存バナーのCTRが悪いので、新規作成したい。
Concept
ブランドのおしゃれさや高級感をデザインにも反映し、ブランドカラーであるブラックとゴールドの配色でまとめました。
それぞれコピーと画像の親和性を意識し、ターゲットの悩みに寄り添う広告を目指しました。
![セルノートIG画像](images/case4/6-1.jpg)
![セルノートIG画像](images/case4/6-2.jpg)
![セルノートIG画像](images/case4/6-3.jpg)
![セルノートIG画像](images/case4/6-4.jpg)
セルノート / Instagram画像
制作時期:2023年11月
担当業務:デザイン
使用ツール:Photoshop
Mission
Instagram投稿内容に沿った画像を作成したい。
Concept
ブランドのトンマナに合わせ、既存LPの内容をコンパクトにまとめました。
テキストばかりにならぬよう、図や表を用いて、視覚で分かりやすく伝えられるよう努めました。
![睡眠オンライン診療バナー](images/case4/7-1.jpg)
![睡眠オンライン診療バナー](images/case4/7-2.jpg)
![睡眠オンライン診療バナー](images/case4/7-3.jpg)
睡眠オンライン診療 / バナー
制作時期:2022年8月
担当業務:デザイン
使用ツール:Photoshop
Mission
広告出稿にあたり、サイズ違いで複数バナーを作成したい。
Concept
具体的な数値を盛り込み、サービスの手軽さや安心感を伝える広告を目指しました。
親しみやすいイラストを使用し、サイズ違いで提案しました。
![NMNサプリバナー](images/case4/8-1.jpg)
NMNサプリメント / バナー
制作時期:2023年11月
担当業務:デザイン
使用ツール:Photoshop
Mission
LP離脱防止用のポップアップバナーを作成したい。
Concept
NMN高配合という商品の特徴を、先頭に明記。
金額や値引率を目立つよう配置するなど、安さを強調し、購入を促すデザインを目指しました。
![ブランド1新作バナーsp](images/case1/1-1.jpg)
![ブランド1新作バナーpc](images/case1/1-2.jpg)
![ブランド1新作バナーlineメニュー](images/case1/1-3.jpg)
ISOOK / 新作バナー , LINEリッチメニュー
制作時期:2021年
担当業務:デザイン
使用ツール:Photoshop
Mission
新作商品のサイト内バナーを作成し、LINEリッチメニューにも反映したい。
20〜30代女性向けの大人カジュアルなデザインを希望。
Concept
CTRを高く保てるよう、事前告知で反響の大きかった商品の写真を使用しました。写真を白く加工し、文字の可読性UPを図りました。
競合他社のバナーを普段からチェックし、ユーザーの好むテイストやISOOKらしいデザインを提案できるよう努めました。
![ブランド1新年画像](images/case1/2.jpg)
ISOOK / Instagram用 新年画像
制作時期:2021年
担当業務:デザイン
使用ツール:Photoshop
Concept
通常の投稿とイメージがかけ離れないようトンマナを合わせ、初日の出のイメージで作成しました。
![ブランド1セールバナーsp](images/case1/3-1.jpg)
![ブランド1セールバナーpc](images/case1/3-2.jpg)
![ブランド1セールバナーheader](images/case1/3-3.jpg)
![ブランド1セールバナーstory](images/case1/3-4.jpg)
ISOOK / クリスマスセールバナー
制作時期:2021年
担当業務:デザイン
使用ツール:Photoshop
Concept
割引率を大きく真ん中に配置し、お得さを強調。
クリスマスカラーの配色で、季節感のあるバナーに仕上げました。
![ブランド1クリアランスセールバナー1](images/case1/4-1.jpg)
![ブランド1クリアランスセールバナー2](images/case1/4-2.jpg)
![ブランド1クリアランスセールバナー3](images/case1/4-3.jpg)
ISOOK / クリアランスセールバナー3種
制作時期:2021年
担当業務:デザイン
使用ツール:Photoshop
Concept
常時開催のセールバナーを、季節に応じてデザイン変更。
新作や再入荷商品の洋服バナーに埋もれてしまわぬよう、イメージ画像を用いたデザインを考案しました。
![ブランド1Instagramストーリーズ画像1](images/case1/5-2.jpg)
![ブランド1Instagramストーリーズ画像2](images/case1/5-3.jpg)
![ブランド1Instagramストーリーズ画像3](images/case1/5-4.jpg)
ISOOK / Instagram用ストーリーズ画像3種
制作時期:2021年〜2022年
担当業務:デザイン
使用ツール:Photoshop
Concept
毎日飽きが来ないよう、様々なレイアウトのデザインを提案しました。
一枚絵よりも複数写真を載せる方がCTRが高かったので、売れ筋アイテムや効果の高い写真を多数、掲載するよう心がけました。
![ブランド1バイヤーバナー](images/case1/6-2.jpg)
![ブランド1バイヤーバナー](images/case1/6-3.jpg)
![ブランド1バイヤーバナー](images/case1/6-4.jpg)
![ブランド1バイヤーバナー](images/case1/6-5.jpg)
ISOOK / バイヤー様プロフィール画像4種
制作時期:2021年〜2022年
担当業務:デザイン
使用ツール:Photoshop
Concept
SNSで各バイヤー様の雰囲気を拝見し、頂いたお写真を元にデザインを提案しました。
印象が被らないよう、色味やデザインで差別化を図りました。
![ブランド1LP](images/case1/7-2.jpg)
ISOOK × mako オリジナルジレ / LP
制作時期:2021年
担当業務:デザイン・コーディング
使用ツール:Photoshop , DreamWeaver (HTML / CSS)
Mission
イチオシ商品発売に伴い、特集LPを作成したい。
雑誌のようなレイアウトを希望。
Concept
ナンバリングを振り、5つのこだわりポイントを順序立てて紹介。
それぞれの文章に沿った写真を選定し、ランダムに配置することで、雑誌のようなおしゃれなデザインを目指しました。
![ブランド1メールマガジン](images/case1/8-3.png)
ISOOK × mi オリジナルワンピース / メールマガジン
制作時期:2021年
担当業務:デザイン・コーディング
使用ツール:Photoshop , DreamWeaver (HTML / CSS)
Mission
イチオシ商品発売に伴い、特集メールマガジンを作成したい。
Concept
定形メールマガジンのメインビジュアル直下に、テキストとLPを挿入し、特集メールマガジンを作成しました。
予約期間前の事前告知のため、期間を目立つように配置。メールを見るだけで、商品の詳細を伝えられるような構成に仕上げました。
![ブランド2LP1](images/case2/2-2.jpg)
Myme Heart be to. 加藤ナナ様プロデュースアイテム / LP
制作時期:2021年
担当業務:デザイン・コーディング
使用ツール:Photoshop , DreamWeaver (HTML / CSS)
Mission
イチオシ商品発売に伴い、特集LPを作成したい。
10〜20代女性向けの、クラシカルガーリーなデザインを希望。
Concept
3つのアイテムを紹介するLP。メインビジュアル下の【Line Up】から、それぞれの商品までページ内リンクで飛べるので、気になるアイテムに素早くアクセスが可能です。
リボンやハートの装飾で、甘く可愛いテイストのデザインに仕上げました。
![花屋サイトpc](images/case3/1-2.png)
![花屋サイトsp](images/case3/1-3.png)
【自主制作】花屋のWebサイト
制作時期:2020年
担当業務:デザイン・コーディング
使用ツール:Visual Studio Code (HTML / CSS / JavaScript)
Concept
架空の花屋のWebサイトです。
JavaScriptでスライドとハンバーガーメニュー、jQueryでスムーススクロールを実装しました。
![ブックカフェサイトpc](images/case3/2-2.png)
![ブックカフェサイトsp](images/case3/2-3.png)
【自主制作】ブックカフェのWebサイト
制作時期:2020年
担当業務:デザイン・コーディング
使用ツール:Visual Studio Code (HTML / CSS / JavaScript)
Concept
架空のブックカフェのWebサイトです。
縦書きやずらし画像など、遊び心のあるレイアウトを目指しました。
AOSで動きのあるサイトを実現しています。
![メディアサイトpc](images/case3/3-2.png)
![メディアサイトsp](images/case3/3-3.png)
【自主制作】メディアサイト
制作時期:2020年
担当業務:デザイン・コーディング
使用ツール:WordPress , Visual Studio Code (HTML / CSS)
Concept
架空の、男性向けライフスタイル情報のメディアサイトです。
WordPressでオリジナルテーマを作成しました。
![自画像](images/me2.png)
営業や事務を経験した後、職業訓練校で半年間Webデザインを学ぶ。
アパレルECのWebデザイナーを経て、Web制作会社で約1年半、ECサイトやLP、バナー等のデザインを担当。