RYOTO
SATO
PORTFOLIO
SITE
今まで制作してきた成果物をまとめたポートフォリオサイトを作成しました。
成果物に視線が集まるよう、白と黒を基調としたベーシックな配色を採用し、シンプルで分かりやすい構成のデザインを心がけています。
目的
制作してきた成果物を分かりやすく伝えるため
情報設計
ポートフォリオを見る担当者の目線を意識し、構成や導線を設計しています。
メインビジュアルでは全体の雰囲気や概要を伝え、その後のスクロールで簡易的な自己紹介と成果物のセクションが表示される、シンプルで見やすい構成にしました。
各成果物のページでは、概要、制作期間、意識した点などの詳細情報を記載することで、制作の背景や意図がより伝わるよう工夫しています。
使用ツール
Adobe XD / Photoshop / Canva / Visual Studio Code
制作範囲・期間
企画、ワイヤーフレーム：3日
デザイン：7日
コーディング：４日
デザイン・意識した点
白と黒を基調に、成果物に視線が集まるようシンプルな構成を心がけました。
メインビジュアルでは、誰にも負けないような力強さを表現したいと考え、直近で制作した革ジャンLPに使用した龍の刺繍を取り入れています。
また、デザインが単調にならないよう、白と黒を交互に使用することでメリハリを持たせました。
さらに、スクロールアニメーションやクリック可能な要素に動きを加え、ユーザーが直感的に操作しやすいよう配慮しています。
