About

世界観と成果のあいだにある、
“伝わる設計”を整えたい。

LIORNAは、女性向けサービスの魅力を、言葉・デザイン・Web導線に落とし込むWebブランディングパートナーです。

ただきれいに見せるだけではなく、お客様が安心して選び、予約まで進める流れを一緒に設計します。

Origin / Brand Story

選ばれないのは、
価値がないからではない。

技術も想いもあるのに、選ばれる仕組みがなく苦しむ人を近くで見てきました。

自分で選んだ道だからこそ、簡単には諦められない。
でも、発信しても予約や売上につながらず、「こんなはずじゃなかった」と焦ってしまう。

そんな人に対して、「大丈夫。あなたには、ちゃんと選ばれる理由がある」と伝えたいと思いました。

LIORNAは、その人だからこその魅力を見つめ直し、言葉・デザイン・Web導線に落とし込み、ブランドとして選ばれる状態をつくるためのブランドです。

LIORNAが大切にしていること

想い・価値観・目指す未来・取り組むこと。
LIORNAのすべての活動は、この軸から生まれています。

Purpose

存在意義

価値ある仕事が、伝わり方の弱さで選ばれない状態をなくす。

技術や想いがあるのに、見え方や伝わり方の弱さで選ばれない。 そんな状態をなくすために、LIORNAはお店の中にある価値を見つめ直し、必要としているお客様に届く形へ整えます。

想いを、ちゃんと伝わるカタチに。
あなたらしい未来へつなぐお手伝いをします。

気になる項目にカーソルを合わせると、説明が切り替わります。スマートフォンではタップで切り替えられます。

ロゴに込めた想い。

LIORNAのロゴには、まだ十分に伝わっていない価値を見つめ直し、
必要としている人に届く形へ整えていく想いを込めています。

大切にしたのは、強く主張するロゴではなく、余白・静けさ・信頼感の中に、
その人らしい魅力が自然に立ち上がること。

お店の価値を決めつけるのではなく、一緒に見つめ直し、言葉と体験に整えていく。
その姿勢を、ロゴの空気感にも反映しています。

LIORNA / KINOA

LIORNA

KINOA KAWAI

Brand Experience / Web Design Partner

美容サロン・女性向けサービスを中心に、ホームページ制作・改善、 予約導線設計、月次保守・改善を行っています。

Instagramで世界観が伝わっていても、ホームページや予約導線で お客様が迷ってしまうことがあります。 その接点をつなぐ役割を担いたいと思いながら、日々制作に取り組んでいます。

大きな実績より、目の前のサイトを丁寧に整えることを大切にしています。

  • Figma
  • HTML / CSS
  • WordPress相談
  • GA4
  • SEO基礎
  • UI改善
  • 保守運用

Why

きれいに見せるだけでなく、
選ばれる流れまで整えたい。

美容サロンや女性向けサービスは、世界観・安心感・信頼感が 「選ばれる理由」になりやすいジャンルです。 写真一枚、言葉一つで、お客様の印象が変わります。

でも、見た目がきれいなだけでは予約につながらないことがあります。 Instagramでは魅力が伝わっているのに、ホームページに移動したあとで メニューが分かりにくかったり、LINE予約への導線が見つかりにくかったりする。 そこで予約をやめてしまうお客様がいる。

だから、世界観と言葉・情報の順番・予約導線まで、 ひとつながりで整える必要があると感じています。

Strength

得意なこと

  1. 01 Brand Design

    美容・女性向けの世界観設計

    色、余白、写真、言葉のトーンを大切にしながら、 Instagramの印象がホームページでも途切れない体験をつくります。

  2. 02 Information Design

    予約前の不安を減らす情報設計

    メニュー、施術の流れ、口コミ、FAQ、CTAの順番を整理し、 初めてのお客様が安心して予約まで進める構成をつくります。

  3. 03 Brand Flow

    Instagramからホームページへの導線設計

    Instagramで惹かれた人が、HPで信頼し、LINE予約へ自然に進める ひとつながりの流れを設計します。

  4. 04 Maintenance

    公開後も育てる改善・保守

    GA4確認、月次レポート、軽微な修正、改善提案にも対応。 作って終わりではなく、公開後も少しずつ整え続けます。

Work Style

感覚だけでなく、
流れを整理してから形にします。

制作を始める前に、事業やブランドの空気感・現在の課題・誰に届けたいのかを 一緒に整理することを大切にしています。

  1. 01

    丁寧なヒアリング

    事業やブランドの空気感、今困っていること、誰に届けたいのかを 最初にしっかり確認します。

  2. 02

    課題と導線を先に整理

    いきなりデザインを始めるのではなく、 何を・誰に・どの順番で伝えるかを先に整理します。

  3. 03

    Figmaで構成・デザインを可視化

    ワイヤーフレームとデザインをFigmaで共有しながら進め、 方向性のズレを早めに防ぎます。

  4. 04

    HTML / CSS を丁寧に実装

    コードは整理された状態で納品します。 スマホ対応・表示速度・アクセシビリティの基礎も意識しながら実装します。

  5. 05

    できること・別途相談を事前に共有

    対応できる範囲・別途相談になることを、始める前に正直にお伝えします。 進んでから「対応できません」とならないよう心がけています。

  6. 06

    公開後も小さな改善を続ける

    公開がゴールではなく、その後のアクセス状況を見ながら 少しずつ整え続けることを大切にしています。

Skills & Tools

対応できるスキル・ツール

※ WordPressやSEO / MEOは「導線整理」「基礎対応」「相談」レベルの対応です。本格的な運用・開発については別途ご相談ください。

Design / Frontend

  • Figma ワイヤー・デザイン・プロトタイプ
  • HTML / CSS レスポンシブ実装・BEM・保守性を意識したコーディング
  • JavaScript 基礎 スクロールアニメーション・軽微なインタラクション
  • スマホUI改善 タップしやすいCTA・見やすいレイアウト整理

CRO / Analytics

  • CTA改善 ボタン位置・文言・導線設計
  • GA4確認 アクセス状況・離脱ポイントの仮説整理
  • SEO 基礎 タイトル・メタ・見出し構造・表示速度
  • 月次レポート アクセス確認・改善提案のまとめ

CMS / Maintenance

  • WordPress 相談 テーマカスタマイズ・既存サイト追加実装(規模による)
  • 保守運用 テキスト・画像差し替え・軽微なCSS修正
  • 画像・文章の方向性整理 何が必要か・どんなトーンか、方向性の整理

Partner Work

制作パートナーとしての
ご相談も可能です。

制作会社・Webディレクターの方から、実装・修正・LP制作などのご相談もお受けしています。 指示書やデザインカンプに沿った丁寧な実装を心がけており、 報告・確認を大切にしながら進めます。

  • Implementation

    FigmaデザインからのHTML / CSS実装

  • Modification

    既存ページの修正・スマホ表示調整

  • Production

    LP・下層ページ制作

  • Minor Fix

    小規模なCSS / JS修正

  • Reporting

    丁寧な報告・確認・進捗共有

Trust

安心して相談してもらうために

  1. 01

    小さな相談から対応

    いきなり制作ではなく、改善提案・部分的な修正からご相談いただけます。 「まず課題を知りたい」段階でも大丈夫です。

  2. 02

    対応範囲を事前に共有

    できること・別途相談になることを、始める前に正直にお伝えします。 曖昧なまま進めないことを大切にしています。

  3. 03

    公開後も相談可能

    月次保守・改善、軽微修正にも対応しています。 作って終わりではなく、長くお付き合いできることを大切にしています。

  4. 04

    実績・事例は誠実に表記

    Concept Workと実案件の区別を明確にしています。 確認できない数値や成果保証は使いません。

Case Study

考え方を、改善事例で見る。

Before / Problem / Design / After の流れで、 どのように予約につながる導線へ整えるのかを紹介しています。 ここで伝えた考え方が、実際の改善プロセスでどう動くかをご確認いただけます。

Contact

まずは、今の導線を
一緒に整理してみませんか。

まだ依頼内容が決まっていなくても大丈夫です。 現在のホームページ・Instagram・予約導線の状況から、 必要な改善内容を一緒に整理します。

無理な営業は行いません。現在の状況を整理し、必要な改善からご提案します。