「100 real beauty」は、国内外で活躍するトップクラスのファッションスタイリスト、ヘアメイクアーティスト、フォトグラファーが集結し、個人の本当の魅力を引き出す「ビジュアル特化のフルオーダーメイド撮影・ブランディングサービス」です。
本プロジェクトの主たる目的は、単なる「写真撮影スタジオ」としての見え方を脱却し、「人生を変えるブランディングパートナー」としての圧倒的な世界観と美学をWeb上で完全に表現することにありました。
今回、当社が担当したのはWebサイトのデザインおよびWordPressテーマの開発全般です。「100 real beauty」様が保有する、圧倒的なクオリティを誇る写真素材の魅力を1ミリも損なうことなくWebサイト上に配置し、代表者様が思い描く理想のブランドイメージをミリ単位で擦り合わせながら、洗練された1つの作品(Webサイト)として昇華させることが求められました。
プロジェクトの概要
| クライアント名 | 100 real beauty(運営:Mrs.M 様) |
|---|---|
| サイトURL | https://100rbc.com/ |
| プロジェクト領域 | オリジナルWordPressテーマ開発、UI/UXデザイン、フロントエンド実装、ビジュアルマネジメント |
| 提供サービス |
|
2. デザイン戦略:極上の素材を活かしきる「引き算」の美学

本プロジェクトにおいて、最大の武器でありデザインの主役となったのは、クライアント様からご提供いただいた「非常に洗練されたクオリティの高い写真素材」です。
一般的なWebデザインでは、サイトの寂しさを補うために装飾やグラフィック、派手なエフェクトを多用しがちですが、本サイトではそのアプローチを一切排除しました。素材そのものが持つ「言葉以上の圧倒的な説得力」と「美しさ」を200%活かしきるため、徹底的な「引き算のデザイン」を貫いています。
① 素材を引き立てるミニマルなカラーパレットと余白設計
色彩が豊かなポートレート写真や、劇的な変化を伝える「BEFORE / AFTER」の鮮やかさを最も美しく際立たせるため、サイト全体のカラーパレットは白、黒、そして洗練されたグレーのみのミニマルな構成に統一しています。 また、写真同士が干渉し合って安っぽく見えないよう、スクロール時の余白(マージン)を贅沢に広く設定。これにより、ユーザーは1枚1枚のビジュアル作品を鑑賞するように、ゆったりとした贅沢な時間感覚でサイトを読み進めることができます。
② タイポグラフィへのこだわりとトンマナの統一
高級感とプロフェッショナリズムを演出するため、フォント(タイポグラフィ)の選定と配置には細心の注意を払いました。文字の大きさ、太さ、そして文字間隔(letter-spacing)や行間(line-height)を緻密に計算。洗練された英字フォントと、可読性が高く美しい日本語フォントを組み合わせることで、雑誌のオピニオンページのような上質なエディトリアルデザイン(編集デザイン)をWeb上で再現しています。
3. クライアントの感性を具現化する「イメージの擦り合わせ」
クリエイティブなサービスや、明確な美学を持つ代表者様のWebサイトを制作する場合、制作会社の一方的なロジックだけでは決して良いものは生まれません。本プロジェクトでは、代表者様のブランドイメージや理想の世界観を、いかに正確にWebの形(コーディングとデザイン)に翻訳するかというプロセスを最も重視しました。
① 徹底的な対話による「言語化と視覚化」
制作の初期段階から、代表者様と言葉のニュアンスやトーン&マナーの微調整を重ねました。「ラグジュアリー」「プロフェッショナル」「本質的な美」といったキーワードが、具体的にどのようなビジュアル、どのような動き、どのような文字の並びを指すのか、リファレンスを交えながら徹底的に擦り合わせを行いました。
② 細部(ディテール)へのこだわりとフィードバック
トップページのファーストビューからフッターに至るまで、要素の配置や画像の切り抜き方(トリミング)1つとっても、代表者様のイメージとズレがないかを確認しながら進行しました。「ただ綺麗に並べる」のではなく、100 real beautyが提供する「個人の魅力を最大化する」というサービスコンセプトが、サイトの佇まいそのものから滲み出るよう、細部のディテールをミリ単位でチューニングしていきました。 この丁寧な伴走プロセスを経たからこそ、クライアント様の感性と、当社のWeb実装力が100%合致した、唯一無二のオリジナルテーマが完成しました。
4. 技術的アプローチとWordPressテーマ開発
デザインの美しさを高い次元で維持しながら、Webサイトとしての機能性、操作性、そして運用のしやすさを担保するため、完全にスクラッチ(独自開発)でオリジナルWordPressテーマを構築しました。
① 高画質写真の美しさと表示速度の両立
クオリティの高い写真素材を多数使用するサイトにおいて、最大の課題となるのが「ページの読み込み速度(表示パフォーマンス)」です。どれだけ美しいサイトであっても、表示に時間がかかってはユーザーは離脱してしまいます。 そこで本テーマでは、画像の次世代フォーマット(WebP)への対応、スクロールに応じた画像の遅延読み込み(Lazy Loading)の最適化、不要なソースコードの徹底的な軽量化を実施。写真の解像度や美しさを極限まで保ったまま、ユーザーがストレスを感じない高速な表示速度と滑らかなスクロール体験を実現しました。
② 運用の内製化を可能にする後方管理画面のカスタマイズ

納品後、クライアント様の手で簡単に、そして美しいレイアウトのままサイトを更新・管理できるよう、WordPressの管理画面を専用にカスタマイズしました。
・ビフォーアフター機能の追加:スマホからでも投稿できるビフォーアフター機能は、写真のアップやコメントを記載するだけで綺麗なビフォーアフターページが出来上がります。
これにより、デザインクオリティを永久に維持したまま、日々の活動を資産として蓄積できるシステムを提供しています。
5. 本プロジェクトを終えて(当社の姿勢)
「100 real beauty」様のWordPressテーマ開発は、素晴らしい素材と、明確なビジョンを持つクライアント様との出会いによって、当社のクリエイティブ表現をさらに高める貴重なプロジェクトとなりました。
私たちは、単に「言われた通りの仕様でサイトを組む」制作会社ではありません。クライアント様が持つ最高の資産(素材や想い)の価値を誰よりも理解し、それをWebというキャンバスの上で最も輝かせるために、デザインのロジックと実装技術を尽くします。
今後も、お客様のブランドが持つ世界観に深く共鳴し、それを確かなクオリティで形にするパートナーであり続けたいと考えております。