Web eclat(ウェブエクラ)サイトリニューアル
Web eclat(ウェブエクラ)サイトリニューアル
2026
Webeclat(ウェブエクラ)サイトリニューアル
  • Webデザイン
  • Webメディア
  • WEBデザイン
  • WEBメディア
  • ファッション/美容
  • メディア
Web eclat(ウェブエクラ)サイトリニューアル
View
株式会社集英社
Summary
集英社のファッション誌「eclat(エクラ)」の公式サイト「Web eclat(ウェブエクラ)」をリニューアルしました。 本プロジェクトでは、デザインおよびフロントエンド構築を担当し、「45歳からの心のラグジュアリー」を体現するデジタルメディアとして再設計しています。 読者にとって自然で心地よい体験を提供できるよう、視認性や操作性の向上に加え、編集コンテンツの魅力を最大限に引き出すUI/UXを実現しました。これにより、ブランドの世界観を保ちながら、ユーザーの共感と理解を深めるサイトへと進化させています。
Web eclat(ウェブエクラ)サイトリニューアル - 詳細画像
Mission
ラグジュアリー感を醸成しブランドイメージの向上を図るとともに、ユーザビリティを重視し、毎日アクセスしたくなる使いやすさの実現が求められました。
また、40〜50代を中心とするéclat読者に向けて、直感的に操作できる導線設計や高い視認性を確保しながら、「心のラグジュアリー」を感じられる世界観をいかに両立させるかも重要なテーマでした。
機能性と情緒的価値をバランスよく融合させることで、信頼性と共感性を兼ね備えたメディア体験の提供を目指しました。
Web eclat(ウェブエクラ)サイトリニューアル - 詳細画像
Idea
コンセプトカラーやフォントを新たに策定し、新しいWebエクラのデザイン設計を行いました。
「Fashion」「Beauty」「Life」といった主要カテゴリの入り口には、アーチ型の窓を配置しています。
窓を開けるときのような高揚感とともに、上質なファッション・ライフスタイルの情報をユーザーにお届けします。
また、コンセプトカラーのゴールドをボタンやインタラクションにさりげなく取り入れることで、どんなコンテンツにもラグジュアリー感を添えるデザインにしています。
毎日のルーティンとして楽しんでいただけるよう、記事タイトルを省略せずに表示したり、フォントサイズなどを検証し、読みやすさを追求しました。
Web eclat(ウェブエクラ)サイトリニューアル - 詳細画像
Result
本リニューアルにより、ユーザーおよび編集部スタッフの双方から「おしゃれで見やすくなった」と評価をいただき、デザイン性と視認性を両立したUI/UXの改善により、コンテンツの魅力がより直感的に伝わるサイトへと進化しました。
その結果、ローンチ後は各種KPIにおいても堅調な成長を記録し、閲覧数や回遊率の向上など、ユーザーエンゲージメントの強化につながっています。
見た目の刷新にとどまらず、ブランド理解の深化や継続的な利用促進にも寄与しており、メディア価値の向上に貢献する成果となりました。
Credit
Client: SHUEISHA inc.
Creative Director: Ken KINOSHITA(RaNa design)
Art Director: Julie NAMBU(RaNa design)
Designer: Eri Aso(RaNa design) /Miho FUKASE (RaNa design)
Director: Rina TANAKA(RaNa design) / Kimi MURAYAMA(RaNa design)
Account Director: Rina TANAKA(RaNa design)
Technical Director: Naoya HENMI(RaNa design)
Front-end Engineer: CREBER FLAVOR.
株式会社ラナデザインアソシエイツのロゴ
Web eclat(ウェブエクラ)サイトリニューアル