03/ 07

reLunicaリルニカ 自分を取り戻す、ちいさなリトリート

A small retreat for coming back to yourself

  • Concept Work(自主制作)

Overview概要

業種
プライベートサロン(リラクゼーション・エステ)
種別
Concept Work(自主制作)
担当範囲
デザイン / STUDIO構築
ツール
Figma(ワイヤーフレーム) / STUDIO
制作年
2025年
プライベートサロン reLunica のサイトのトップ画面。アイボリーとグレージュの穏やかなトーン

Challenge課題設定

マンションの一室で、心身をゆるめる時間を提供するプライベートサロンを想定しました。感度の高い30代以降の女性が安心して通えるよう、ナチュラルで上質、でも高級すぎない「やわらかな高級感」を目指しています。「自分を取り戻す、唯一のリトリート」というメッセージを伝え、メニューと料金から予約へつなげることを課題にしました。

Designデザインの答え

配色

  • アイボリー #FCFBF4* 地の色
  • ベージュ #F0E0CA 色面
  • グレージュ #9D937E 文字

* 画面のスクリーンショットから拾った近似値です。

アイボリーの地に、ベージュの色面とグレージュの文字を合わせました。肌の色に近いあたたかなトーンで、施術写真の雰囲気とつながるようにしています。

書体

自分を取り戻す、ちいさなリトリート

Noto Serif JP和文

reLunica

Cormorant Garamondロゴ・英字見出し

和文は Noto Serif JP、ロゴと英字見出しは Cormorant Garamond です。細く上品なセリフ同士を組み合わせて、静かで落ち着いた声のような印象にしました。

導線

  1. コンセプト
  2. メニュー(写真と文章を交互に)
  3. 料金表
  4. ご予約

写真で選び、表で比べてから決める順番

メニューを写真と文章の左右交互で並べ、写真から直感的に選べるようにしました。その下に枠付きの料金表と予約ボタンを置き、比べてから決められる順番にしています。

Noteひとこと

淡い色で上品さを出すと、文字が読みにくくなりやすい。次はコントラストとの両立をもっと詰めたいです。

この作品は、Webデザインを学ぶなかで、架空のクライアントを想定してつくった自主制作です。掲載している店名・住所・電話番号などはすべて架空のものです。

Contactご相談・お問い合わせ

「まだぼんやりしているけれど、話を聞いてみたい」という段階でも大丈夫です。2営業日以内にお返事します。