ポートフォリオサイト モックアップ

ポートフォリオサイト

https://iinoyuko.com/portfolio2_old/
分類 自主制作
担当範囲 企画・設計・コピーライティング・デザイン・コーディング
使用ツール Figma / Illustrator / Photoshop / HTML / CSS
制作時期 2025年

制作背景・課題

フリーランスとしての自己ブランディングを目的に、3年間放置していたポートフォリオサイトをフルリニューアル。旧サイトは架空案件のみで実案件が非公開、キャッチコピーも「何でもやります」的な印象で、案件のミスマッチが課題だった。「言葉を扱えるデザイナー」というコンセプトを軸に、サイト全体を再設計した。

デザインの意図

「言葉を知っているから、デザインが伝わる。」というキャッチコピーを軸に、文芸学科出身・小説執筆というバックグラウンドをブランドの個性として前面に出した。くすみグリーン×オフホワイトのナチュラルな配色、Shippori Minchoのセリフ体見出しでセンスと言葉への誠実さを表現。実案件はパスワード付きページで対応し、案件選別ツールとして機能するよう設計。

工夫した点

コピーライティングからデザイン・コーディングまで一人で完結。旧サイトのビフォーアフターで課題解決の思考プロセスを示せる構成にした。ターゲットを「中小企業のWeb担当者・採用担当者」に絞り、断る案件を明示することでミスマッチを防ぐ導線設計を採用。

ポートフォリオサイト 全体

次のデザインへ