制作概要
自身の制作実績や活動内容をまとめるためのポートフォリオサイトを制作しました。
Web制作だけでなく、グラフィックデザイン、イラスト、手描きPOPなど幅広い制作活動を行っているため、それぞれの実績や想いを整理しながら伝えられる場所として設計しています。
制作の目的
自分がどのような活動をしているのか、どのような制作ができるのかを知ってもらい、安心して相談していただけるきっかけをつくることを目的に制作しました。
単に作品を掲載するだけでなく、制作に対する考え方や人柄も伝えることで、「こんなこと相談できるかな？」という段階から気軽に声をかけてもらえる場所を目指しています。
ターゲット
・個人事業主や小規模店舗のオーナー
・ホームページや販促物を作りたいが、どこへ相談したらよいかわからない方
・制作会社へ依頼することにハードルを感じている方
・デザインだけでなく、企画や見せ方も一緒に相談したい方
・自分の想いや世界観を大切に発信したい方
課題
・「デザインをしている人」ということは伝わっても、具体的に何ができるのかが伝わりにくかった
・Web制作、グラフィックデザイン、イラストなど複数の活動内容が整理できていなかった
・作品だけでは制作への想いや考え方、人柄が伝わりにくかった
・依頼を検討している方が安心して相談できる導線が不足していた
設計意図
本サイトは、作品を保管する「アトリエ」のような場所をコンセプトに制作しました。
掲載している作品は、一つひとつに依頼者の想いや背景があり、それを形にするお手伝いをさせていただいた大切な制作物です。
そのため、単なる作品集ではなく、作品が生まれた背景や制作に対する考え方も伝えられる場所を目指しました。
また、Worksページで制作実績を見てもらい、コラムやプロフィールを通して制作への想いや人柄を知ってもらうことで、安心して相談につながる導線を設計しています。
デザインの工夫
・「アトリエ」や「工房」をイメージした世界観で設計
・絵の具の三原色をモチーフにしたカラーリングを採用
・パレットや絵筆など、ものづくりを連想するモチーフを取り入れたデザイン
・デジタル感を強く出しすぎず、手作りの温かみが感じられる表現を意識
・Worksページではジャンルごとに整理し、見たい実績へ迷わずアクセスできる構成を採用
実装のポイント
・Astroを採用し、軽量で高速な表示を実現
・今後の実績追加や機能拡張を見据えた構成で設計
・レスポンシブ対応によりスマートフォンでも快適に閲覧可能
・コラム機能を実装し、制作事例だけでなくデザインやものづくりに関する情報も発信できる構成に
・更新しやすさを重視し、長期的な運用を見据えた設計を採用
使用技術
HTML / CSS / JavaScript / Astro
担当範囲
企画
情報設計
ワイヤーフレーム作成
UIデザイン
イラスト制作
コーディング・実装
コンテンツ設計
公開対応
運用・更新管理
制作を通して意識したこと
単に実績を並べるポートフォリオではなく、「どんな想いで制作しているのか」「どんなことを相談できるのか」が伝わるサイトづくりを意識しました。
また、自分自身が楽しみながら更新を続けられる場所であることも大切にし、これから生まれる作品やアイデアを自由に追加していける構成を目指しています。
期待される効果
・制作実績の整理と発信
・サービス内容や対応範囲の可視化
・問い合わせ前の不安軽減
・安心して相談できる関係づくり
・自分らしい制作スタイルや世界観の発信
今後の改善・展望
今後も実績やコラムを継続的に追加しながら、より多くの制作事例やアイデアを発信していきたいと考えています。
また、新しい表現や機能も積極的に取り入れ、ポートフォリオでありながら、ものづくりの楽しさや可能性が広がる場所として育てていきたいと思っています。
運用中のサイトを見る