KIDO YUUKI
PORTFOLIO SITE

Works

観葉植物レンタルサービスの架空LP

職業訓練で学んだ内容をもとに、練習課題として制作しました。モバイルファーストで設計し、レスポンシブデザインを実装しました。また、CSS変数でフォントサイズや配色を管理し、保守性を高めました。

制作時間：3日／使用ツール： Figma , VS Code

#LP ＃自主制作
エトセトラデザイン制作会社

職業訓練校の授業課題として制作したサイトです。職業訓練校の授業課題として制作したサイトです。HTML/CSSを用いた基本的なコーディングの実装を学ぶことを目的に制作しました。シンプルながらも、コーディングの基本を丁寧に確認しながら進めた作品です。

制作時間：2時間／使用ツール： VS Code

#webサイト #職業訓練校実習
cafe-nvn

職業訓練校の授業課題として制作したサイトです。デザインや構成は課題の指示に沿って作成し、初心者ながらもレイアウト調整やスタイル適用の練習に重点を置いています。

制作時間：3時間／使用ツール： VS Code

#webサイト＃職業訓練校実習
フィットネスジム FitUP

授業のテスト課題として制作した、架空のフィットネスジムのバナー広告です。Photoshopで画像加工や合成を行い、Illustratorで文字やグラフィックを整えています。デザインの基礎と広告制作の流れを学ぶことを目的に制作しました。

制作時間：3時間／使用ツール： Photoshop, Illustrator

#バナー＃自主制作
マンゴースムージー Instagram広告バナー

新規顧客の獲得を目的とし、Instagramのフィードで目を引き、「おいしそう！飲んでみたい！」と感じてもらうことを目指しました。フレッシュなマンゴーとスムージーの鮮やかな色合いを活かし、オレンジからイエローのグラデーションで全体をまとめました。

制作時間：4時間／使用ツール： Photoshop, Illustrator

#バナー＃自主制作
マンゴースムージー Instagram広告バナー（パターン2）

夏青い空とエメラルドグリーンの海、ヤシの葉を背景に配置することで、夏のリゾート感を演出し、スムージーを飲むことで得られる開放感やリフレッシュ感を表現しました。グラスについた水滴が、スムージーの冷たさやフレッシュさを視覚的に伝えています。

制作時間：2時間／使用ツール： Photoshop, Illustrator

#バナー＃自主制作
全身脱毛キャンペーン広告バナー

新規顧客の獲得と来店予約を目的とし、お得感と安心感を伝えることを目指しました。笑顔のモデルを配置し、脱毛後の明るい未来をイメージさせるとともに、「初回¥500」という価格を大きく表示して強いインパクトを与えています。また、医療脱毛」や「都度払いOK」といった安心材料を明記することで、ユーザーの不安を軽減し、クリニックへの信頼性を高めています。

制作時間：4時間／使用ツール： Figma

#バナー＃自主制作