CUELAB様 Webサイト制作

プロジェクト概要

複数の事業を展開されている CUELAB 様のコーポレートサイト制作を担当させていただきました。
情報量が多い中でも、ユーザーが迷わず必要な情報にたどり着けることを重視し、
全体構成・導線設計・サイト内体験を設計しています。

プロジェクト背景

「事業の幅広さと、想いの深さを、きちんと届けるために」
■CUELAB 様は、パーソナルカラー診断サロン
■結婚相談所
■肌質改善＆育毛サロン
■オリジナルリップ製作サロン
と、ジャンルの異なる複数の事業を展開されています。
それぞれの魅力が埋もれてしまわないよう、情報を整理しながら、ひとつのブランドとして伝えることを今回のサイト制作の軸としました。

コンセプト

「彩りを感じながら、迷わず使えるサイト設計」
■情報量が多くても迷わない構成
■体験として楽しめるインタラクション
■言葉がきちんと届くデザイン

CUELAB 様らしい“彩り”を感じつつ、
心地よく使えるサイト体験を目指しています。
CUELAB 様らしい“彩り”を感じつつ、
ユーザーにとって心地よく、使いやすいサイトを目指しています。

制作内容

情報設計・ページ構成

各事業ごとに専用の紹介ページを設計し、
初めて訪れた方でも、自分に合ったサービスを
迷わず見つけられる構成としました。

コラム設計・機能実装

コラムページにはタグによる絞り込み機能を実装し、
関心のあるテーマへスムーズにアクセスできるよう設計しています。

UI / インタラクション設計

背景には、カーソルの動きに合わせて変化するグラデーション表現を取り入れ、
サイト全体を「体験できる場」として設計しています。

また、スクロールやホバー時の細かな動きを随所に取り入れ、
視覚的にも楽しめる、没入感のあるサイト体験を実装しました。

デザイン・フォント設計

伝えたい言葉がしっかり届くよう、
温かみのある日本語フォントを採用。
情報量が多くても読みやすさを損なわないよう、
文字組みや余白にも配慮しています。

■ブランドとの連動
運営会社 irodori 様の「彩る」という意味を、色の変化や動きとしてサイト全体に反映し、CUELAB 様らしい世界観を表現しました。

最後に

単に情報を並べるのではなく、伝えたい想いが、きちんと届くことを大切にしています。

多様な事業を一つのサイトにまとめながらも、
ユーザーが迷うことなく、自分に合ったサービスへ進める。

そのための設計と体験づくりを、
細部まで丁寧に行いました。