
website
ポートフォリオサイト(当サイト)
担当: ディレクション/デザイン/コーディング
転職活動時に、私のデザイナーとしての能力をご覧いただけるよう、作成したポートフォリオサイトです。
色数を極力抑えることで、作品が際立つようにし、洗練されたテイストにまとめています。
空気感を感じるような 洗練された雰囲気の ポートフォリオサイト
- 目的と課題
- 自身の実績・デザインセンスを発信するためのサイト。 また、一つの作品として見て頂くサイト。
- ターゲット
- デザイン制作会社もしくは自社のデザイナーを募集している企業の採用担当者の方々
- デザインのポイント
- 採用担当者は、「まず何が作れるのか」を知りたくてポートフォリオをご覧になると思いますので、制作物を真っ先に見られるサイト構成にしています。 しかし、メインビジュアルの直後にWORKSを置くと、画像が連続して重ためである印象になると思われますので、 クッションとして、「私のデザインに対する考え」をリード文として挿入しました。 (どういう考えでデザインを作ったのかという前提知識を持ってもらう狙いもあります。) 作品以外(ABOUTやCONTACTページ)はページを分けることで、スクロールのストレスを減らしています。 別ページにすると、存在に気づかれない可能性がありますので、WORKSの後にリンクバナーを設置しています。 作品を際立たせるため、ノイズはできるだけ除去し、すっきりとしたデザインにしています。 ただの無彩色で配色するより、ベージュ系で構成することで、柔らかく温かみの感じる雰囲気になり、 細めのセリフ体・明朝体で、洗練された印象にしています。
- 使用ツール・技術
- Figma / Photoshop / Illustrator / HTML / CSS / JavaScript / VS Code
- 制作時間
-
- デザイン
- 17時間
- コーディング
- 18時間
- 制作時期
- 2024年4月