AOSHIMA YUKA | ポートフォリオ |

ABOUT　【青島　由佳】

2008年 8月~

美容業界

店頭販売・販売店サポート・社内製品研修の講師など様々な業務を行う。
2020年12月~

コロナ渦

コロナの流行をきっかけに、SNSやWEBでの集客及び販売について興味を持つ。
2022年12月~
2月末日

HTML/CSS/JavaScript

【オンラインスクール】WEB制作、コーディングを主に学習する。　※Javascriptは現在も学習中。
2023年 3月~
6月20日

WEB/広告デザイン

【職業訓練校】WEB・広告等のデザイン及び制作を学習。
2023年 7月~

マーケティング基礎/ブランディング

【オンラインスクール】マーケティング基礎ついて学習を開始

特技

●デザインカンプを元にchrome・perfectpixelを使用したコーディング（CSS・HTML） ※Javascript現在勉強中。
●【伝える】【聴く】【提案】すること。【研修や教育、就職説明会開催などの経験から（BtoC）】

作品一覧

WEBサイトのデザインと実装
（架空サイト）

【OCHA CAFE】
【レスポンシブ対応済】
※制作ページ：トップページのみ
※MENU使用画像は、サンプル画像

■カフェのテーマ■

カフェでコーヒーを飲むように
日本のお茶を愛飲して頂くこと。
お茶のイメージ改革。
（おしゃれでモダンな雰囲気の中で
楽しむことができる。）
若い世代のお茶愛飲率の向上。

■ターゲット層■

年代性別:２０代～３０代の男女
嗜好:カフェ利用頻度週１～２程度

某有名カフェチェーンの利用者データ

年齢層:２０～３０代 (男女平均)33.7％
※30代が最多　19.2%を占める)
（2020年時点）
上記世代にアプローチすること。

■制作コンセプト■

・webサイトから実店舗への誘因
・ochacafeの認知度をあげる
（架空サイトのためSEO対策は無）
・日本茶へのイメージを変える

■制作ポイント■

１）若い世代に好まれるシンプルデザイン
２）茶葉へのこだわり(特別感)
３）茶葉の種類の多さ(選べる楽しさ)
４）くつろげる空間をイメージ
WEBサイトリニューアル提案

【歯科医院(親族経営) 】

【レスポンシブ対応済】

※制作ページ：トップページのみ

改修提案元サイト▼

■ 改修制作案 ■

メインテーマ
【素敵な笑顔のために】

■制作コンセプト■

・笑顔、温かさ、親しみやすさ
・歯科医院として安心感・信頼感がある

■制作ポイント■

１）温かさや安心感を感じさせる配色とデザイン
２）スタッフや医師の”かお”が見える安心感
３）テーマに沿ったビジュアル
WEBサイトのデザインと実装
（架空サイト）

【 PULCHER u 】

共同制作--チーム人数：２名
【レスポンシブ非対応】
1366PXのデザインカンプから作成
※制作ページ：２ページ
（トップページ・コンセプトページ）
※化粧品画像はフォトショ・イラレで制作

■社名の由来とテーマ■

（株）PULCHER u （ﾌﾟﾙｹﾙ　ﾕｩ）

プルケルはラテン語で美しいという意味。
【あなたに”美しさ”を届ける】
という意味を込めた造語です。

■ターゲット層■

人物：２５～３０代女性
嗜好：美容に興味がある
価格帯：3000～10,000円程度

■制作コンセプト■

・スキンケア製品の訴求
・シンプルでおしゃれなサイトデザイン
（美容やおしゃれに興味のあるかたへ訴求するため）
・20~30代で多い肌お悩みである乾燥や、
シミの改善をイメージできるデザインと配色

■制作ポイント■

１）うるおいや、美白を連想させる配色とデザイン
２）信頼感、きちんとした印象
３）テーマにそったメインビジュアル制作
ロゴデザイン

【OCHA CAFE ロゴデザイン】
OCHAの文字を組み合わせて
お茶の葉をイメージしたロゴ。
白背景では、カラフルなお茶っぱが
舞っているような表現にしました。

■制作ポイント■

１）アルファベットOCHAの組み合わせ
２）シンプルで汎用性の高いデザイン
（カラーを変え、様々な製品やモノに対応）
３）お茶の葉をイメージ
訓練校課題

【春の新色発売WEB広告】

用意された素材を使用し作成すること

■制作ポイント■

１）春の新色を表現する
２）M.A.Cブランドのモノトーンのイメージを保つ
３）M.A.Cブランドの発色の良さを表現

■制作の工夫■

モデル画像の口紅が製品カラーと同じになる様、
真っ赤なリップを加工して着色。
製品の発色の良さを表現。
モデルを最全面にだして目立たせ、
モデルの背景にのみ花柄を置くことで
M.A.Cらしさと、春の新色であることを表現しました。
perfectpixel

デザインカンプとの差異を確認
perfectpixelを目指します。
perfectpixel

デザインカンプとの差異を確認
perfectpixelを目指します。