Portfolio

制作実績

NSY Creative HP制作

hdr_weak

自主制作

STUDIO

alarm

2か月

2025.07

こちらのNSY CreativeのHPをSTUDIOで制作しました。

情報設計・企画内容

■サイトの目的
<実績の提示>
 過去の制作物をポートフォリオとして分かりやすく整理・公開することで、依頼主のニーズに合ったスキルを持っていることをアピールする。

<サービスの明確化>
 提供できるサービス内容を具体的に提示し、何ができるのかを明確に伝える。

<信頼性の構築>
 クライアントの声や制作フロー、自己紹介を通じて、自分らしさをいれ安心感と信頼性を高める。

<お問い合わせの獲得>
 問い合わせフォームをシンプルに設置し、スムーズなコンタクトを促す。

■コンテンツ構成

<トップページ>
 サイトの世界観を伝えるメインビジュアルと、サービス内容の概要を配置し、訪問者に何が提供されているかを一目で理解させる。

<SERVICE>
 提供可能なサービスを画像と簡潔な説明で整理し、視覚的に分かりやすく伝える。

<PORTFOLIO>
 作物を「Banner」「SNS」「HP/LP」などカテゴリ別に分類。切り替えで絞り込みができ、訪問者が興味のある作品に素早くたどり着けるように設計。

<お客さまの声>
 実際に依頼したクライアントからのフィードバックを掲載し、第三者からの評価で信頼性を高める。

<制作の流れ>
 問い合わせから納品までのプロセスを4つのステップで分かりやすく提示。依頼の全体像を把握してもらうことで、安心して相談してもらえるようにしている。

<自己紹介>
 経歴や仕事への想いを記載することで、依頼主がどのような人柄のデザイナーかを知ることができ、安心感につなげる。


デザインのポイント

<カラースキーム>
パーソナルカラー診断とブランドカラー診断をしてもらい、HPに採用
メインカラー水色、サブカラーは薄ピンク、自分らしさを出す黄色の3色で構成

<タイポグラフィ>
 サイト全体でシンプルかつ視認性の高いサンセリフ体を使用。情報の階層を明確にし、訪問者がストレスなくコンテンツを読み進められるように設計しています。

<レイアウト>
 余白を十分に確保したミニマルなレイアウトを採用し、洗練された印象にしています。特にポートフォリオページでは、作品のサムネイルをスライド式に並べることで、多くの実績をすっきりと見せる工夫をしています。

<ブランドイメージ>
 透明感あるデザインの中に、自分らしさを追加。

<全体的な雰囲気>
 あえて動きやイラストの多い構成にし、提案時に自サイトを使ってSTUDIOでできることなどを紹介できるようにしています。

お問い合わせ