ザラザラの背景

{ Portfolio site - 自主制作 }

Sakiko Iizuka Portfolio

メインビジュアルのpcとスマホそれぞれのモックアップが横に並んだ画像

概要

飯塚咲子のポートフォリオサイトを製作しました。

目的

就職活動に向けこれまでの制作物やそのプロセス、考え方を通じて自分の強みを伝えるため。

ターゲット

制作会社の採用担当者様、デザイナーの方々

情報設計

Topのすぐ下に Work を配置することで、採用担当者様やデザイナーの方々が短時間で制作物やスキルを確認できるように構成。About ページではデザイナーを目指すきっかけや自身の人となりについて知っていただける内容を掲載しました。各制作物のページでは要点を簡潔にまとめ、アプローチ方法や詳細についてはNotionにて補足し、より深く知っていただける設計にしました。

デザイン

テクスチャを軸にそれぞれのページにアクセントを加えながら、ミニマルなデザインを意識しました。メインビジュアルでは空と雲を使い、デザインを通して新たな一歩を踏み出すというメッセージを込めています。欧文フォントは私が好むモダンでクリーンな印象の"Gill Sans"と"Baskerville"を選び、日本語フォントには可読性を考慮し"Noto Sans JP"を使用しています。シンプルでありながら制作物のメインカラーを取り入れ全体に統一感を持たせました。

カラーパレット サイトのスクリーンショットが並んだ画像

製作範囲・期間

  • 2024/8 - 2024/11 (3ヶ月半)
  • 企画・デザイン:2024/8 - 2024/10 (2ヶ月)
  • コーディング:2024/10 - 2024/11 (1ヶ月半)

使用ツール

photoshop / illustrator / visual studio code / XD

サイト全体のスクリーンショット。pc版 サイト全体のスクリーンショット。スマホ版

OtherWork