イラストを取り入れたポートフォリオサイト

制作物URL：https://lime892492.studio.site/#service

■目次

　① 依頼概要

　② 制作物

　③ デザインのポイント

----------------------------------------------------------------------------------

① 依頼概要

自身のポートフォリオサイトとして制作。
「やさしい世界観づくり」をコンセプトに、Webデザインとイラストの両軸で活動内容を伝えることを目的とした。

ターゲットは、

• 親しみやすいデザインを求める個人事業主
• 女性向けサービスを展開するクライアント

に設定し、第一印象で世界観が伝わる構成設計を重視した。

② 制作物

• ポートフォリオサイト（Studioにて構築）
• オリジナルイラスト（全て自作）
• UIデザイン（配色・レイアウト設計）
• セクション構成（CONCEPT / WORKS / SERVICE / ABOUT）

③ デザインのポイント

■ コンセプト設計

• 「やさしい世界観」を軸に、サイト全体のトーンを統一
• イラストとWebデザインの親和性を意識し、ブランディングとして機能させた

■ ビジュアル戦略

• 手描きイラストを使用し、差別化と記憶定着を狙う
• ピンク×グリーンの配色で、柔らかさ＋視認性を両立
• 角丸・余白を活かし、ストレスのない閲覧体験を設計

■ UX / 導線設計

• 縦スクロールで直感的に理解できる構成
• 「WORKS → SERVICE → BLOG→自己紹介→お問い合わせ」への自然な導線設計
• ボタン・ナビゲーションをシンプルにし、迷わないUIに

■ ノーコード実装

• Studioを使用し、デザインから実装まで一貫して対応
• スピードと再現性を両立し、修正・運用しやすい設計