Ma
About
Contact
Skill
Works
I’m Mai
I'm studying web design.
Here is my portfolio.
Thankyou for your time
本日はお時間をいただき、どうも有難うございます。
辻調理師専門学校を卒業後、フレンチレストランでミシュランの星付レストランを含め数件に渡りキッチンで働きました。
フランスとオーストラリアの現地のレストランでも仕事を経験し、グローバルな視点で物事を考えたり、行動することが得意です。腸の病気をきっかけに、以前から興味のあったwebデザインの仕事に興味を持ちました。
自分で何かを作り出したりデザインすることが好きなので、これまでの経験と接客の経験を活かし、お客様とのコミュニケーションを大切にしながら、お客様の求めるデザインを形にし、貢献できるよう、より良いものを作れるよう日々勉強しております。
Skill
スキル
Photoshop
バナーやサムネの制作
写真加工
Illustrator
印刷物の制作
ロゴ制作
HTML,CSS
WEBサイトの作成
JavaScript
Figma
(無料版)
Canva
ポートフォリオ
制作
バナー制作
WEBサイトのデザイン
Video Editing
in the future...(studying now)
01
作品
Works
04
作品は全て、仮想のクライアントを想定し、制作しております。
それぞれの作品を作るにあたっての意識した点を添えております。
それでは、よろしくお願いします。
サムネイル
バナー
印刷＆LOGO
03
02
名刺
Works
作品
05
サイトのデザイン
0６
ショート動画
限定公開でYoutubeにアップしています。
https://youtu.be/mAsXJhGqlCI
0７
HTML\CSS/Jqueryを使ったサイト制作
01
Works
印刷＆LOGO
logo
カフェオープンのメニュー表
クライアント：脱サラした愛美さん（40代）
目的：自営業でカフェを始める為、お店のメニュー表と彼女の大好きなマナティをモチーフにしたお店のロゴ作成の依頼
内容：マナティ（水生哺乳類：とても人懐こい事で有名）が大好きな愛美さんの人柄をだしたメニュー表作り。
サイズ：A4サイズ表裏の4ページ
画像形式：JPG画像形式
マナティ(水生哺乳類)と紅茶をかけて、
ティーポットに入った可愛らしいLOGOをiilustratorで制作。
意識した点：愛美さんの人柄を出した、お客様が毎週通いたくなるような、温かみのあるカフェをイメージしてメニューの名前もオリジナル性を出してデザインしました。
Works
ご当地キャラクター制作
logo
名称：ご当地キャラクター
クライアント：山形県JA山形中央会
目的：山形県名産ラ・フランスのご当地キャラクター制作と、誕生記念イベントのちらし制作。
内容：さくらんぼ以外の山形県の農産物の魅力を多くの方に知ってもらう為、ラ・フランスの存在とその魅力を広めたい。
サイズ：A4 画像形式：JPG画像形式
意識した点：
山形県非認定ご当地キャラクター
フランちゃん
人にすぐに覚えてもらえるように、
フランスとかけた名前にし、イメージしやすいよう、ワインやバゲットを入れたカゴを持たせました。
幅広い年齢層にラ・フランスの魅力を知ってもらえるように、地図もカラフルに作るなど、来たくなるような、楽しそうな雰囲気を出すよう心掛けました。
Rough sketch
Rough sketch
Rough sketch
tory of Fran chan
フランちゃんものがたり
せいかく：根っからのがんばりやさん。
ここのページは、実話を元に作りました。
むかしのフランちゃん
今でこそ山形のフルーツの代表にまでなったラ・フランスですが、ここまでの道のりは長く、険しいものでした。生育期間が長くかかる上、形がいびつで売れにくく、農家さん達はとても大変でした。
Rough
sketch
それでも、農家さんとフランちゃんは諦めませんでした。
長年の努力の結果、フランちゃんは
山形県を代表するフルーツに成長したのです。
架空の“お家で食べれる至福シリーズ”です。
Works
カレーパッケージ制作
画面では分かりづらいのですが、タイトルにはDIC260の金色を使っているので、印刷時に、より高級感を増します。
クライアント：C&A食品
制作内容：レトルトカレーパッケージデザイン
目的：C&A食品では初の「レンジで加熱対応の商品」。好評を頂いている当社レトルトカレーの更なる売り上げアップに欠かせない新商品のパッケージデザイン。
必ず入れるもの： ●表面 商品名、メーカーロゴ（支給）、カレー写真、コピー複数、辛口、 ●裏面 旧パッケージの情報 ●側面 機能表示、ロゴ、商品名、辛口、 ●底面 ロゴ、商品名、辛口、賞味期限
納品方法：入稿データ（展開）、PNG形式画像（展開）
入稿データ
意識した点：カレーとタイトル以外のパーツの部分を文字や配色で統一感のあるものに仕上げました。裏面も新しい顧客をリピーターに繋げるようレシピサイトのリンクページを付けるなど、オリジナルで作りました。
簡単
レシピ付き
いらっしゃいませ、ようこそ
至福の3つ星
シーフードカレー
店へ。
裏面のレシピサイトはこちら
裏面簡単アレンジレシピのサイト（架空）
Arrange Recipes
簡単
レシピ
A&Cの至福シリーズ 『シーフードカレー』を使った簡単アレンジレシピをご紹介致します。
Lasagna
or
Rice gratin
cheeze curry
sandwitch
pasta
甲殻類を香ばしく焼き、地中海のハーブや野菜と共にじっくりと時間をかけて
作りあげたこの『至福の３つ星シーフードカレー』はうまみが濃縮された
濃厚なカレーです。
簡単なアレンジを加え、いろいろなスタイルでカレーをお楽しみ頂けます。
架空の“お家で食べれる至福シリーズ”です。
裏面簡単アレンジレシピのサイト（架空）
Pasta
パスタ
01
ニンニクをみじん切りする。
トマトを１㎝角にカットする。
そのまま茹でたパスタに
かけて、チーズを振るだけでも
美味しくいただけます。
材料
（１人前）
カレールー
にんにく
トマト
パルメザンチーズ
白ワイン
１パック
１かけ
１ケ
適量
５０ｃｃ
オリーブオイルでニンニクを焦げないように弱火で炒め、香りが立ったらトマトを入れて中火で１分火を通す。
02
白ワインを加え、強火で１分火を通してアルコール分を抜く。カレーのルーを加え、ソースは仕上がり。
03
04
茹で上がり1分前のゆでたパスタを絡めて1分加熱しながらソースを絡ませる。
架空の“お家で食べれる至福シリーズ”です。
www.ca-shihuku-site.com
裏面簡単アレンジレシピのサイト（架空）
ホワイトソースとの相性も抜群！
炒めた玉ねぎやほうれん草など、
お好みで。
www.ca-shihuku-site.com
Lasagna or Rice gratin
ラザニア 又は ドリア
cheesy baked
lasagna
材料
（２人前）
カレールー
市販のホワイトソース
市販のピザ用チーズ
ラザニアの生地
（又はごはん）
１パック
１ケ
適量
4枚
お茶碗２杯
架空の“お家で食べれる至福シリーズ”です。
裏面簡単アレンジレシピのサイト（架空）
Cheeze curry sandwich
ホットチーズカレーサンド
01
ホットサンドメーカにパンをセットします。（ない場合はトースターで焼きます）。
材料
（１人前）
カレールー
お好みのパン
とろけるチーズ
１パック
２〜4枚
２枚
カレーのルーを大さじ２ほど中心にのせ、
チーズを上に乗せる。
※カレー入れすぎるとこぼれます。
02
パンを乗せて挟み、４〜５分加熱します。
トースターの場合３〜４分。
（※機械によって差があります。）
03
お好みでサラダを添えたりパセリを散らすとブランチ風に。
架空の“お家で食べれる至福シリーズ”です。
www.ca-shihuku-site.com
Works
ヨガスタジオオープンちらし
クライアント：
目的：
制作物：
ターゲット：
雰囲気：
必須項目：
キャッチコピー：
キャンペーン内容：
ヨガスタジオエーテル、英語で "Ether"
新規オープンを宣伝したい。
フライヤーチラシ
20代から50代のOLや主婦。それなりに余裕ある女性。
品よく高級感は欲しいが、あまり敷居は高過ぎない方が良い。
ロゴ、店名、住所アドレス、地図、イメージ画像、 キャッチコピー
バランスを整え、自分を見つける
入会金無料➕オリジナルタオルプレゼント
ヨガの本場ハワイの専属インストラクターが指導、綺麗な室内
logo
リラックス効果のある緑と、猫が伸びている姿がyogaの感じに見えるので、上品な猫がヨガのポーズをとっているイメージで、ハワイの花を後ろに添えました。
意識した点：
作品を柔らかく上品に仕上げる為、文字や色を意識し、リラックス効果のある緑を中心に使用しました。
また、他社との差を分かりやすくする為に４つの特徴を中央に配置しました。
Rough sketch
Flyer
Logo
02
Works
お店のメインカラーの緑を使い、欧米文字を使ってシンプルに作ることで、自然なオシャレ感と高級感を演出しました。
名刺
ヨガスタジオエーテルの名刺
Works
Mycoffeeカフェ名刺
- コーヒーと動物が好きなので、自分の名前をかけて、My coffeという仮想のカフェをイメージしてロゴを作成しました。
- 親しみやすいように、可愛らしいクマのキャラクターにして、フォントも優しさを感じられるものを選び、オレンジをイメージカラーにしました。
03
Works
バナー
ハワイツアーバナー
クライアント：CAツアーズ
目的：当社の主力商品である夫婦用
ターゲット：50代〜の夫婦
ツアー内容 :「大自然満喫ツアー」
バナーサイズ：300×300px
（制作時は倍のサイズで制作）
画像形式：JPGまたはPNG画像形式
必ず入れるもの：
のハワイへのツアー用バナー。
意識した点：
大自然満喫のイメージで海ガメの入っ た写真を鮮やかな色に加工し、３つのポイントをわかりやすく色別で邪魔しないように添えました。
Rough sketch
ロゴ、キャッチコピー、
商品名、簡単な説明、
期間、金額、
イメージ画像
Works
バナー
ファッションセールバナー
Rough sketch
意識した点：
タイトルでインパクトある夏をモチーフにしたプールを配置し、周りにカラフルなアイテムを配置することで、商品を買いたくなる意識をそそるようなデザインにしました。
クライアント：
ターゲット：
目的：
バナーサイズ：
必ず入れるもの：
アパレル会社C.A.（架空）
10〜30代前半の女性
季節向けセール用 バナー。
300×300px（制作時は倍のサイズで制作）
JPGまたはPNG画像形式
当社ロゴ、キャッチコピー、セール名、
期間、割引情報、イメージ画像
同じ内容でもう一点制作
意識した点：ターゲット層を意識して、第一印象の目を引くような可愛さと派手さ、POPな感じを意識しました。
visit us
クライアント：イタリアのアパレル会社C.A.（架空）
ターゲット：20〜30代の女性
意識した点：海外ブランドという事で、スタイリッシュでクールなデザインを意識しました。
背景のペンキの落書きに合わせ、日付の背景をペンキで塗ったように仕上げました。
Works
バナー
脱毛サロンキャンペーンバナー
意識した点：夏に向け脱毛を考えるようなキャッチフレーズが目立つ構成にし、爽やかさを加えるために空の青、人目を引く黄色、かわいさをプラスするピンクで装飾しました。
クライアント：エステサロン（架空）
ターゲット：２０代から30代の女性
目的：夏が来る前に脱毛に意識を向けてもらい、割引キャンペーンをすることで顧客をより集めることを目標とする。
キャッチコピー：「早夏キャンペーン」
バナーサイズ：300×300px（制作時は倍のサイズで制作）
画像形式：JPGまたはPNG画像形式
Works
バナー
Dogfood広告バナー
クライアント：DOGHOUSE（架空）
目的：当社のオーガニックな新商品向けセール用バナー。
内容:「新商品をより多くの方に試して貰う為のお得なキャンペーン」
キャッチコピー:「100％無添加食材にこだわりました」
バナーサイズ：300×300px
画像形式：JPGまたはPNG画像形式
必ず入れるもの：当社ロゴ、キャッチコピー、セール名、割引情報、イメージ画像
意識した点：ペットが大事な方の心を掴むようなサブキャッチコピーを考え、ペットが喜んでいる様子を意識し、作成しました。
Works
バナー
夏の新メニューバナー
夏の新メニュー
クライアント：
アースカフェ（架空）
目的：
新メニュースタートのお知らせ。
お店のサイト用。
キャッチコピー：
「夏の新メニュー登場」
バナーサイズ：
300×300px
画像形式：
JPGまたはPNG画像形式
意識した点：
甘夏の美味しさを最大限にアピールできるよう、周りにもイラストを添え、タイトルと写真が埋もれないように光彩をつけて、とても美味しそうに見えるよう意識しました。
SNSはこちらをチェック→
Works
バナー
お歳暮バナー
クライアント：ネット販売店GIFT（架空）
ターゲット：３０代後半〜高齢者の方
目的：夏のお歳暮ギフトの販売
画像形式：JPGまたはPNG画像形式
意識した点：夏らしさを花火や金魚で出し、背景の彩度を落としてキャッチコピーを白で目立たせ、大切な人への贈り物ということで、文字も優しい雰囲気を出しているものを選びました。
Works
バナー
Coffeeshop open
クライアント：Tokyo Global Coffee（架空）
場所:六本木付近
ターゲット：少し余裕のある層、外国人
目的：コーヒーショップのオープンのお知らせ
(コーヒー文化で有名なオーストラリアの、現地のスタイリッシュなコーヒーショップを再現したお店)
バナーサイズ：300×250px
画像形式：JPGまたはPNG画像形式
意識した点:黒をベースにして光彩やスタンプ、文字のあしらいでスタイリッシュでおしゃれな雰囲気を再現しました。
New
Works
バナー
ゲーム新作発売予告バナー
Check!
クライアント：GAME OMPANY（架空）
目的：新ゲーム発売予告のお知らせ
バナーサイズ：300×300px
画像形式：JPGまたはPNG画像形式
意識した点:背景画像にAdobeFirefly AI生成機能を使い、文章を作ってゲームの世界を再現しました。
フォントの種類やレイヤースタイルを組み合わせ、
異次元を再現しました。
Works
０４
サムネイル
Youtube用BGMサムネイル
nature sound
forcus
1.45
3.45
タイトル：「集中力向上」
キャッチコピー：「仕事が楽しくなる！」
動画タイトル（集中力向上のためのBGM）
キャッチコピー（仕事が楽しくなる！）
イメージ画像（各自で用意）
サイズ：1280×720ピクセル
形式：PNGデータ
雰囲気：ビジネスとプライベートの中間
意識した点：
爽やかなイメージで、集中出来るけど
楽しさも伝わってくるように音符や指のマーク
を入れて表現しました。
写真も開放感あるものを選び、仕事が楽しくなる！
のキャッチコピーを音符と共に音楽が流れているよう再現しました。
同じ内容で、制作しました。
意識した点：
青や黄色を使って少し硬いイメージを出しつつも、星や矢印のあしらいで、キャッチコピーに合わせた“”楽しく”の部分を表現しました。
reminder
2 sec.
It's time to work .
You need some BGM.
Works
サムネイル
Youtube心霊動画サムネイル
動画タイトル（沖縄心霊特集）
キャッチコピー（各自で用意）
イメージ画像（各自で用意）
サイズ：1280×720ピクセル
形式：PNGデータ
雰囲気：怖い動画を好むユーザー
意識した点：苦手な分野でしたが、リサーチの為に色々なサムネを見て、怖いもの好きな方が気になってしまうような、あえて内容を入れない形で作成しました。
05
Works
作品
サイトのデザイン
NaturalCosmetic
working now...
敏感肌の為のナチュラル天然コスメ
の架空サイト
Tool : Figuma
ターゲット：敏感肌で悩んでいる３０代以降の方
クライアント：肌に悩んでいる方に商品を試してもらいたい。
内容：新商品の宣伝、お試しトライアルの宣伝
使用ツール：Figma
意識したこと：店名のNatural Beautyにあった天然で自然な美しさを水をイメージして色を統一し、爽やかで上品に作りました。
肌に悩んでいる方を助けたいという思いで、会社のコンセプトや会社創立の背景なども全て自分で考え『おもてなし』を感じられるサイトになるよう
仕上げました。
Natural Beauty
テキストとカラー指定
component利用
みなとみらいの歯科クリニック架空サイト
Works
ターゲット：すべての年齢層
クライアント：みなとみらい歯科クリニック（架空）
内容：お店のホームページ制作
使用ツール：Figma
画面トップページの画像はふわっと切り替わる操作に指定し、
4枚の画像を無限にループさせる。
headerを画面上に固定し、ボタンをhover時に色が変わるよう指定。
意識したこと：
みなとみらいという場所、清潔感をイメージして青と水色をメインとしたカラーにし、予約のボタンは分かりやすく、目立たせる為オレンジにしました。
お店側、お客様の両側からどのような治療で来店するのか分かりやすく、また
その後の案内もスムーズに行くよう治療内容を８つに分けたり、お店の特徴を写真付きで６つ提示したりと、誰もが分かりやすいサイトを心がけて制作しました。
全体のページの流れ
Works
調理器具、料理関係の専門店の架空サイト
ターゲット：20代後半の方、料理好き、プロの方
クライアント：COOKINGKITCHEN(調理器具、料理関係の専門店）
内容：サイトからの商品回覧、新商品の宣伝
使用ツール：Figma
意識したこと：カテゴリー別で商品を回覧出来るようにし、新商品に目立つようタグをつけました。
セクションの間や文字の間隔を４の倍数で統一したことでバランスを取りました。
cooking kitchen
Find your favorite kitchen
Make your original one
現在スマートフォンバージョン作成途中。。。
スマートフォンはハンバーガーメニュー実装。
スマートフォン画面
パソコン画面
テキストとカラー指定
Figmaのcomponent機能を使うことで作業を効率化しました。
ターゲット：中小企業、個人経営の方
クライアント：MIConsultant
内容：コンサルタントWebサイトデザイン
使用ツール：Figma
意識したこと：信会社の雰囲気が伝わるよう写真を配置しながら、文字はNoto Sans JPに統一して、落ち着いた信頼性のあるシンプルで分かりやすいサイトに仕上げました。
馴染みのない内容だった為、色々なサイトを見て参考にしました。
また、セクションの間や文字の間隔を４の倍数で統一したことでバランスを取りました。
Works
FAQセクションは、右のボタンを押すとAが出るように指定。
スライダーによる実装で、6枚の写真を無限ループで流れるように指定。
Available
on Youtube
0６
ショート動画
架空の映画予告作成
Works
作品
下記のUPLからご視聴頂けます。
Rough sketch
Tool : Adobe Premier Pro
サムネはphotoshopで作成
30秒間の映画予告動画
https://youtu.be/mAsXJhGqlCI
意識した点：３０秒という短い時間の中で、どれだけ感動させれるものを作り上げるかを考え、セリフもクラスメイトに頼んで何度か取り直し、感情を入れて読み上げてもらいました。
Story
この作品は、記憶を持てない少女と、その彼女をずっと笑顔で支える家族のストーリーです。
家族すら思い出せない彼女は毎日苦しみ続けます。ある日突然彼女は家族の前から姿を消し、お母さんが彼女の日記を見つけます. . .
Tool:Figma
photoshopで作成したサムネをFigmaを使って スマートフォンで、Youtubeサイトを回覧しているように作成しました。
気をつけた点：余白やアイコンの配置,文字サイズや行間に気をつけて制作しました。
新着のお知らせを開くボタンを押すと
モーダルが開きます。
0７
Works
作品
HTML\CSS/Jqueryを使ったサイト制作
ハムスター研究所サイト
ハムスター初心者のための、実際に作成中のHPサイトです。
jQueryを使い、Topページのハムスターのスライダーを無限で流したり、スクロール時に画像を下からふわっと出す、モーダルを取り入れるなどの実装を取り込んでいます。
また、IDを使い、ボタンを押すと、各セクションに飛んだり、aタグのtarget_blankで別タブで他のサイトへ飛ぶなどの実装をつけています。
このサイトで紹介しているブログのページは現在作成中です。
各ボタンでモーダルや各セクションページへリンク。
画像をsliderで無限ループ
スクロールすると右下には常にTopページへ戻るボタンを設定。クリックすると画面が自動でスライドして戻り、その間ジャンプしている画像に切り替わります。
画像はスクロールすると
下からふわっと現れます。
GIFアニメを使用。
もくじの画像は鼻がピクピク動きます。
ゲームのようなデザインで、各セクションのタイトルの横に異なる動きをする
GIFのハムスターを設定。
ロゴはIllustratorで作成。
hover時にcursor:pointer;になり、border-bottomとcolor指定をして、容量を軽くする為、aタグにtarget＝“_blank”をつけ、別タブで別のリンクを開くよう指定しました。
tableを、無料サイトから装飾されたものを、th,tdのpaddingやborder,color,width,三角の部分を設定変更し、取り入れました。
飼育にあたり、大事なことは伝えたいのですが、どうしても文章が多くなってしまい、
①知識不足で飼い始めることを避けるため
②文章を読む時間のない人の為
③文章が苦手でHPから離れてしまうのを防ぐため
これらの理由から
Youtube動画を埋め込みました。
普段聞きなれない単語（ここではペレット）に対し、自身で調べる時間を短縮する為、画像などもある詳しく説明されている単語のすぐ横にリンクを配置しました。
別ページでブログ記事を作成中のため、そちらへとブリンクや紹介文を提示しました。
こちらでは自分の家で飼っているハムスターのはむ子との日常ブログ、また料理好きの作者の設定にし、お家で作れる簡単なスイーツのレシピも更新予定です。
topページのモーダルでもこちらを『最新のお知らせ』として宣伝しました。
質問やお問い合わせ用のフォームをformタグで作成しました。
CSS,HTML,jQueryのみなので、デザインのみの形になり、実際にPHPへsubmitの実装はしておりません。
ボタンなどのbox-shadowなどの装飾は、無料のジェネレーターなどを使用しました。
最後に読んで頂いた方へ向けたメッセージと、感謝を込めた画像に相応しい可愛らしいイラストを添えました。
幅や間隔の取り方など、改善点があるので、今後も勉強して思った通りのデザインに仕上がるよう更新致します。
ブレイクポイントをレイアウトが崩れる７７０pxとスマホの４８０px２つ作り、メディアクエリでレスポンス対応しました。
Works
ターゲット：会社員、主婦、目黒付近の近隣に住んでいる方々。
クライアント：Press Release
内容：イタリアンレストランが出した２店舗目のイタリアパンの専門店のWebサイトデザイン
使用ツール：VScode
意識したこと：
パンの専門店の為、軽めのメニューとテイクアウトを意識して、簡単に回覧できるHPに仕上げました。（短くパンの説明のページ、素材のこだわりページを作成。）
イタリアらしい色使いと、パンの説明文を添えることで、親しみやすい印象を持たれるよう心がけました。
::beforeで背景にイラストのパンを配置し、説明文のページを硬すぎないイメージに仕上げました。
お客様に分かりやすいように、パンの名前や名前の由来を添えて、注文する時に想像しやすくしました。
YoutubeとGoogle Mapsを埋め込み、右下にスクロールするとToppageへ戻るイタリア国旗を配置し、回覧し易くなるよう心がけました。
clickするとTop pageへ戻る国旗。
sliderを使って、6枚の画像を流しています。
メニューは１行おきに背景色を薄く付け、見やすいようにしました。
スマートフォン用をメディアクエリでレスポンス対応しました。
左から順です。
jQueryでハンバーメニューを付けています。
Works
ターゲット：家族、主婦、退職された方々、近隣に住んでいる方々。
クライアント：上のページでメニューを作成したCafeマナティのまなみさん
お店の場所：吉祥寺井の頭公園付近
内容：Webサイト作成
使用ツール：VScode、logoはIllustrator
意識したこと：
メインカラーを緑にして、地域密着型の安らぎを感じられるような温かみのあるカフエをイメージして作成中です。
文字を読みやすくする為にシャドウを付けたり、headerに背景色を入れたり、お客様が何かアクションをするもの全てにhover時に色を変えるなど、分かりやすいHPサイトを心がけました。
hoverすると白に0.3秒かけて変換。
logoマークはopacity0.6で
半透明になります。
clickするとその記事へ飛びます。
hoverすると白に0.3秒かけて変換。
hover時にscaleを使用して拡大、また擬似要素を使って人気商品に１から３位の人気マークを付けました。
スマートフォンレスポンシブ作成中
La Lune
ターゲット：２０代後半からの主に女性、主婦、退職された方々、スイーツ好きの方々、忙しくて外出の難しい方。
クライアント：La Lune
内容：スイーツ定期便の宅配販売会社のLP作成
使用ツール：VScode、カンプ作成、logo作成はPhotoshop
keyframeを数箇所使用し、アニメーションで動きを設定。
KV section OPEN看板の文字を左右にゆっくりと揺らし、後ろの星空の星をアニメーションにopacityをつけて星がキラキラ輝いているよう演出。
section1 看板が縦方向にバウンドするよう設定。商品の説明書はIllustratorで作成。
section２ ３つのポイントの月をゆっくりとバウンド。
ボタンを拡大縮小、バタン横のイラストを左右に移動。
section3 文字を邪魔しないようにあまり目立ちすぎない星のイラストを、 ３つ散りばめ、回転させながら拡大縮小。
section４以降ただいまCording中です。
ターゲット：２０代後半からの主に女性、主婦、肌のトラブルに悩んでいる方。
クライアント：化粧品会社Fairy Magic
内容：新商品のLP作成
使用ツール：figma
Thankyou for your watching
ご視聴頂きまして、どうも有難うございました。
意識した点：
作品に合わせた雰囲気のページをそれぞれ制作しました。
作品同様、作っているのがとても楽しく、これからもページを更新していければと思います。
最後に自分の自己紹介です。
Very good food
Movie
笑いのツボが浅い。
アメリカンアクションムービーとコメディー系が大好き。
特にワイルドスピードとスパイダーマン。
About me
Food
自己紹介
写真は自分で撮影しました。
小さい頃から料理が大好きで、専門学校卒業後フランスへ。
趣味は食べること、旅行。各地の料理を食べ歩き、見たことの無いものに挑戦する事が大好き。
性格は真面目。好きな事にはとことん突き進む。
英語を勉強中。
通学中や家事中は基本的にPotcastを聞いたり、
外国youtuberのblogや料理を見るのが最近の楽しみ。
コーヒー大好き。
オシャレなカフェを巡るのが好き。
My basil
花と植物を見るのが好き。
以前はハーブ類を育てていた。
ただ、全然詳しくはない。
simple@.com.jp
〒123-4567
サンプル1-2-3
01-2345-6789
Contact
コンタクト
もし少しでも興味を持っていただけましたら、どうぞご連絡ください。
Mai