Yuki Portfolio

ポートフォリオのサイト写真
Thank you for visiting the Yuki Portfolio website

Yuki ポートフォリオ

自身についてのことや制作物をまとめたポートフォリオサイトを制作しました。 シンプルな構成でまとめつつも自分らしさが伝わるようなサイトデザインを目指しました。ポートフォリオサイト自体が一つの作品として楽しめるようなデザインにしました。

サイト概要

ターゲット
これからサイトを作ろうとしている個人・企業の方々
目的
認知度を上げるため
情報設計
スクロール直後にサービス内容を配置することで、どのようなサービスを行っているかをすぐに把握できるようにしました。その次に実績を配置し、ページ遷移によって制作時に考えた思考プロセスを記載することで、お客様に「どのように課題を解決したのか」「どんな価値を提供できるのか」を具体的に伝えられるようにしています。
デザイン
集客よりも認知度を上げることが優先なため、自分らしさが伝わるように配色は自身が好きな青系統の色を使用しています。月をモチーフとし、夜から朝に切り替わるイメージで暗めの色から明るい色に配色を切り替えています。また、切り替え時にWorksの位置で配色を切り替えることにより作品が目立つようにいたしました。
制作期間

企画:約3日

コーディング:約1週間(すでに制作した別サイトからの修正期間)

遷移ページ
トップ、Works(5ページ)の各ページ
使用ツール
Visual Studio Code、Photoshop
使用言語
HTML、CSS、Javascript