01
情報の整理
掲載する情報を役割ごとに分け、作品概要・実績・強み・問い合わせ先が順を追って把握できる構成にしました。情報量が多くなっても読みづらくならないよう、見出しと余白で整理しています。
Back to Works
Web Design Detail
Portfolio Website
制作実績や強みが整理して伝わるよう、作品の見やすさと導線設計を意識して構成したポートフォリオサイトです。
PROJECT OVERVIEW
作品概要
自分の制作実績や強みが整理して伝わるよう、情報設計と導線のわかりやすさを意識して構成したポートフォリオサイトです。
制作概要
ポートフォリオ掲載用に制作したWebサイト。サムネイル制作とWebデザインの両方を見やすく整理し、作品一覧から詳細ページまでスムーズに閲覧できる構成にしました。
制作目的
制作実績、得意分野、サイト全体の世界観が短時間でも把握しやすいようにし、閲覧者が必要な情報へ迷わずアクセスできる見せ方にすること。
ターゲット
制作実績を確認したい採用担当者やクライアント層。短時間で作品傾向やデザインの方向性、対応できる領域を把握したい閲覧者を想定しています。
設計ポイント
ファーストビューでサイトの方向性が伝わるよう見出しと導線を整理し、その下に作品一覧、強み、問い合わせ導線を段階的に配置しています。情報量が増えても見づらくならないよう、余白とセクション構成のバランスを意識しました。
Design Points
設計ポイント
ポートフォリオサイトでは、見た目の印象だけでなく情報の探しやすさや作品への導線も重要になるため、整理された見せ方と統一感のある画面設計を意識しました。
02
実績へつながる導線設計
About から Works、そこから詳細ページへ、閲覧者が迷わず次の情報へ進めるよう、ページ全体の流れを意識しています。
03
トーンの統一
配色、余白、見出しデザインを統一することで、サイト全体に一貫した印象を持たせました。作品ごとの雰囲気を活かしつつも、ポートフォリオ全体としてまとまりが出るように調整しています。