Portfolio Website

Figma
Studio
自主制作
「届けたい人に、きちんと届くデザインを。」をコンセプトに、Figmaで設計しStudioで構築した自主制作のポートフォリオサイト。情報設計からCMS設計、レスポンシブ調整、公開後の改善まで行いました。
このページを含むサイト全体が、その成果物そのものです。実際の表示や操作感はサイト内を回遊してご確認いただけます。
概要
担当範囲
企画・情報設計・デザイン・Studio構築
使用ツール
Figma
Studio
目的
制作実績・対応範囲・デザインの考え方を伝え、問い合わせにつながる導線を整える
ターゲット
バナー、LP、Webサイト、スライド資料などのデザイン制作を検討している個人・事業者
媒体
Webサイト(PC・SP)
サイズ
レスポンシブ対応(PC 1440px / SP 375px で設計)
制作区分
自主制作
制作意図
単に制作物を並べるだけではなく、「誰に、何を、どう届けたいか」という設計意図まで伝わるポートフォリオを目指しました。作品を媒体別に探せる一覧と、制作意図・工夫した点まで読める詳細ページを用意し、相談前に制作の考え方や対応範囲を理解できる構成にしています。
工夫したこと
CMSで作品情報を一元管理し、作品一覧と詳細ページを同じテンプレートから更新できる構成にしました。
バナー・SNS、LP・サイト、スライド資料のカテゴリを設け、見たい制作物へたどり着きやすくしました。
PC・タブレット・スマートフォンで文字や画像が読みやすく見えるよう、レスポンシブ表示を調整しました。
あたたかいオフホワイト、淡いピンクベージュ、濃いブラウンを軸に、やさしさと信頼感を両立するデザインにしました。
誰にでも読みやすいように、ページタイトル・説明文、見出し構造、画像の代替テキスト、フォーム、読み上げ対応まで細かく整えました。
作品をご覧いただき、
ありがとうございます。
お気軽にご相談ください。
お問い合わせ
© 2026 Yuriha Design Portfolio