Menu

© Copyright 2024 KEIGO SUGIE

Webサイト / 自主制作

Keigo Sugie Portfolio

概要
自身のポートフォリオサイトを制作しました。
ターゲット
Web制作会社の採用担当者の方々
目的
就職活動において、これまでの制作物やスキルを明確化し、自身の強みを伝えるため
情報設計
担当者の方がサイトを見られる際の動線を意識して構成しました。
まずは自身に関する情報や志望動機を知っていただきたいと考え、トップページ直下にAboutページを設計しています。
制作物は単に羅列するのではなく、情報設計やデザインの意図を記述し、制作のプロセスが伝わるように心がけました。
Other Worksのセクションでは、担当者の方々がお忙しい中でも、一目で自身の活動が伝わるような方法を模索し、直感的にイメージを伝えれるような配置を心がけました。
デザイン

フレッシュで爽やかなイメージを伝えるため、ベースカラーを緑に設定しました。
構成上テキストが多くなりがちな点を考慮し、単調にならないように、イラストの挿入やフォントの変化でメリハリをつけました。視認性を高めたい情報はサンセリフ体、見出しやメニューにはデザイン性のあるセリフ体を採用しています。
各所に設計したホバーアニメーションでは、ポートフォリオとしての個性と情報整理の両立を心がけました。

[配色]

制作期間
  • 企画 / ワイヤーフレーム

    1週間

  • デザイン

    5日

  • コーディング

    2週間

使用ツール
Illustrator / Photoshop / Visual Studio Code
使用フォント
Instrument Serif / DNP 秀英角ゴシック銀