Keita Sakaki
Portfolio
Type
Website
Created date
2025.3
- ターゲット
- Web制作会社の採用担当の方々。
- 目的
- 転職活動を行うにあたり、自信の制作物や経歴、人柄を知っていただく為。
- 情報設計
- 訪問者がスムーズに作品を閲覧できるようにMVのすぐ下にWORKSセクションを配置し、どのような制作物があるのかを最初に見ていただけるようにしました。WORKSの詳細ページでは、他の作品ページへ直接移動できる導線を設け、サイト内を回遊しやすくしました。その下に「ABOUT」セクションを設置し、制作者について理解を深めてもらえるようにしています。ABOUTでは、人柄も知っていただきたかったので、自分の好きなことの写真を掲載し、より親しみを持ってもらえるように工夫しました。
- デザイン
- デザインでは、サイトが単調にならないようにフォントサイズのジャンプ率を高め、リズム感を持たせました。また、ホバー時の動きを取り入れることで、自分の「楽しい」と感じる要素や「自分らしさ」を表現しています。さらに、文字やWORKSの作品が引き立つよう、背景はシンプルな色に抑え、視認性を確保しながらもデザインの一体感を持たせるようにしました。
- 制作期間
- 企画 / WF1週間
デザイン2週間
コーディング2週間
- 使用ツール
- Photoshop / Figma / VScode
O T H E R
その他の作品
Sakuma Kou Official Website
Web Site
クライアントワーク
咲真コウ様のオフィシャルWEBサイトを制作しました。
Seifuan Official Website
Web Site
自主制作
旅館清風庵様の公式サイトを制作しました。
Design School Landing Page
Web Site
学校課題
デジタルハリウッドSTUDIO by LIGの販促LPを制作しました。
Luce Shampoo Landing Page
Web Site
自主制作
化粧品会社Luce様のシャンプーの販促LPを制作しました。
Matcha Latte Promo Banner
Banner
自主制作
緑映庵様の抹茶ラテの販促バナーを制作しました。
Startup Seminar Banner
Banner
自主制作
株式会社Yarikiru様のセミナーバナーを制作しました。
The Sauna Promo Banner
Banner
学校課題
The Sauna様の販促バナーを制作しました。