LIVSMILE COAT — WEBSITE RENEWAL
床から、暮らしと事業の
価値を設計する。
リブスマイルコート様のウェブサイトリニューアルに向けて、
5つの方向性を独立したサイトとして試作しました。
それぞれのトーンをご体感ください。
01 · FIVE DIRECTIONS
CLICK TO ENTER EACH SITE
DIRECTION · A
EDITORIAL / QUIET
落ち着いた編集誌の佇まい。
素材と職人性を、静かに語る。
建築メディアのような構成・余白・タイポグラフィ。既存顧客や建築・不動産関係者に「信頼できる専門会社」として届けるトーン。
- TONE生成り・木質のアースカラー／明朝見出し／編集的ラベリング
- STRENGTH素材の品位・職人性・信頼感を丁寧に伝える
- BEST FOR建築士・リフォーム会社・エンドユーザーの比較検討層
5 PAGES · PC + MOBILE
Enter site A→
COAT · SINCE 2019
DIRECTION · B
BOLD / EDITORIAL-MODERN
大胆なタイポグラフィと数値で、
プロダクトの凄みを見せる。
ダーク基調・オーバーサイズ欧文・比較表とティッカー。同業・フランチャイズ希望者に「本気度と技術優位」が一瞬で伝わるトーン。
- TONE墨ベース×木質アクセント／Archivo×明朝／アシンメトリック
- STRENGTH比較・数値・差異化が一目でわかる攻めの構成
- BEST FOR同業・フランチャイズ希望者・事業パートナー
5 PAGES · PC + MOBILE
Enter site B→
床から、ずっとの
安心と笑顔を。
安心と笑顔を。
DIRECTION · C
WARM / TRUST
人の温度と実績で、
安心して田を押す。
参考サイト（リコアス様）のトーンを翻訳。大きな保証バッジ・実績数字・お客様の声・吝し出しCTAで、問い合わせまで背中を押すコンバージョン型。
- TONE温かいクリーム×テラコッタ／丸みのあるカード／太陽モチーフ
- STRENGTH信頼・安心・親しみやすさで問い合わせを促す
- BEST FOR一般顧客・子育て世帯・ペットオーナーの新規層
5 PAGES · PC + MOBILE
Enter site C→
30年F☆☆◎
DIRECTION · D参考サイト再現
GREEN / RICOAS
緑基調・数字と保証で、
信頼をまっすぐ届ける。
ご指定の参考サイト（リコアス）のトーンを忠実に再現。緑の帯・波型の区切り・円形の保証バッジ・吹き出しCTA・追従バーまで、コンバージョンに効く"演出と囲み"をフルに実装した本格版。
- TONEライムグリーン×オレンジCTA／波型セクション／円形バッジ
- STRENGTH実績数字・お客様の声・追従CTAで問い合わせを最大化
- BEST FOR一般顧客の集客・信頼醸成を最優先する運用
6 PAGES · TOP再現
Enter site D→
お悩み6つの強み安心の保証
DIRECTION · EAboutページ再現
GREEN / ABOUT
「〜について」ページを、
物語として見せる。
参考サイトの下層ページ（リコアスについて）を再現。斜め写真のヒーロー、お悩みの吹き出しカード、6つの強み、お客様へのお約束、安心の保証内容まで、信頼を積み上げる構成をD案と同じ世界観で。
- TONEクリーム地×緑帯／スタジアム型カード／お約束の番号組み
- STRENGTH会社の姿勢・保証・約束をストーリーで伝える下層ページ
- BEST FORD案とセットの「About / 選ばれる理由」ページ
1 PAGE · About再現
Enter site E→
02 · NOTES
- 画像について現時点では現サイトの画像を流用・一部プレースホルダー。方向性確定後に撮影・素材選定を行います。
- コピーについて試作のため仮文が含まれます。確定案をもとに最終コピーを入れ込みます。
- モバイル各サイト内で実機幅にも対応。設計意図を崩さない縦組みに変換します。
- 次のステップ方向性をお決めいただいた上で、残りのサブページ・実画像・最終コピーへ進みます。