REI LUMEDESIGNポートフォリオサイト

OVERVIEW

自身のポートフォリオサイトとして、モバイルファーストを前提に設計・デザイン・実装まで一貫して制作しました。 閲覧環境の多くがマートフォンであることを想定し、限られた画面領域の中でも直感的に情報が伝わるUI/UX設計を重視しています。

■制作時間

デザイン:2週間
実装:2週間

※設計・構成検討〜UIデザイン〜Studio実装までを一貫して対応

■担当範囲

・構成設計(情報設計 / ワイヤーフレーム)
・UIデザイン(Figma)
・Studioでの実装
・レスポンシブ最適化(モバイルファースト設計)

■使用ツール

・STUDIO
・Figma
・Canva

用途に応じてツールを使い分け、スピードと再現性の両立を意識しています。

■目的

・サイトを訪れたユーザーに、デザイナー「REI」のスタンスや強みを直感的に伝える
・制作実績・対応領域・スキルセットを整理し、信頼感のある情報設計で提示する
・お問い合わせ・案件相談へ自然に導く導線設計を行う

また、「デザインができる人」ではなく、
「ビジネス視点を持って設計できるデザイナー」として認識されることを目的としています。

■想定ターゲット

・企業の広報 / マーケティング担当者様
・女性起業家様、スモールビジネスオーナー様
・アーティスト / クリエイター様

特に、
・サイトやデザインの方向性に迷っている
・制作物のクオリティとスピードのバランスに課題を感じている
・「誰に頼めばいいか分からない」状態にある

といった課題を持つ方に向けて設計しています。


■トンマナ

自然体でありながら洗練された印象をベースに、
「やわらかさ」と「信頼感」のバランスを重視しています。

過度な装飾は避け、余白・タイポグラフィ・写真のトーンで世界観を統一し、
長く閲覧してもストレスを感じない設計にしています。

■配色

ベースはホワイト〜ナチュラルカラーを中心に構成し、
アクセントとして落ち着いたグリーン系・ニュアンスカラーを使用。

・主張しすぎない配色でコンテンツを引き立てる
・女性的すぎず、ビジネスシーンでも受け入れられるバランス

を意識し、「信頼感」と「親しみやすさ」の両立を図っています。

■工夫したポイント

① モバイルファーストでの情報設計
スマートフォンでの閲覧を前提に、
・ファーストビューで伝える情報の優先順位
・スクロール導線
・タップしやすいUI設計
を細かく設計しています。

② “誰に何を提供できるか”が一目でわかる構成
ポートフォリオにありがちな「作品羅列」ではなく、
・対応領域
・強み
・実績
がストーリーとして自然に理解できる構成にしています。

④ Studioを活かした軽量かつ高再現な実装
STUDIOを活用し、デザインの再現性を保ちながらも、表示速度や操作性を損なわないよう最適化しています。

⑤ “人となり”が伝わる設計
単なるスキル訴求ではなく、
・価値観
・仕事への向き合い方
が自然に伝わるよう、テキストとビジュアルのバランスを調整しています。