CLYVARNWeb Design / User Flow / SEO / AIO
デザインと導線を細部まで設計し、検索にもAIにも正しく伝わるウェブサイトをつくっています。
ご希望をしっかり伺ったうえで、
Selected Work
制作実績
-
たま結のスマホ画面3枚(左から、1画面目、教室の案内、公式LINEの案内)(中央の大きい画面が1画面目。左は教室の案内、右は公式LINEの案内)。幅390pxで、2026年9月25日に撮影。横にスワイプしてご覧ください。 見どころ
- デザイン
- 生成りの地に墨色の文字と明朝体。作品の写真を1画面目から大きく
- 導線設計
- 地域名・3つの札・公式LINEで聞くボタンを、1画面目にまとめる
- SEO・AIO
- タイトルと説明文に地域名。教室と講座を構造化データで記述
-
Current現在の公式サイト(gratrajapan.com)
Proposalリニューアル案(試作サイトを公開中)
どちらも、パソコン(幅1440px)で開いた1画面目の上の部分です。2026年9月25日に撮影。
株式会社Grand Trading
- 種類
- 会社サイトのリニューアル案(日本語8ページ)
- 比較
- 現在の公式サイト(gratrajapan.com)
見どころ
- デザイン
- 陶磁器の棚の写真を1画面目いっぱいに。色は濃紺・白・金の3色
- 導線設計
- お客様を4種に分けて案内。スマホのヘッダーに「お問い合わせ」
- SEO・AIO
- 全ページに固有のタイトルと説明文。会社の情報を構造化データにも
できること
4つを別々の担当に分けず、同じ人が最初から最後まで設計します。
-
Design
デザイン
扱うものの空気が、1画面目で伝わること。写真の使い方、書体、色の数、余白まで、ひとつずつ決めてつくります。
-
User Flow
導線設計
見に来た人が、自分に関係するページへ迷わず進み、問い合わせまでたどり着けること。スマホで押しやすいかまで確かめます。
-
Search
SEO
ページごとのタイトルと説明文、構造化データ(JSON-LD)、サイトマップ、Search Consoleの設定、表示の速さまで整えます。
-
AI answers
AIO
AIが答えをつくるときに、事業の中身を正しく読み取れるように。事業内容・地域・対応範囲を、本文と構造化データの両方に書きます。
検索順位やAIでの表示はお約束できません。公開後に確認できたことを期間と一緒にお見せします。
どんなご相談ですか?
読む方に
- 作家・教室の方へ 作品も、教室も、出展予定も。Instagramの外に、ひとつの本拠地を。 詳しく見る
- 地元の会社・お店の方へ 今のドメイン(ホームページの住所)と会社のメールはそのままで、スマホで見やすく。 詳しく見る
- 採用ページをお考えの方へ 面接で毎回している説明を、応募の前に読めるページに。 詳しく見る
どれにも
3つの約束
- 作ったサイトとドメインはお客様の名義です。長期の契約はありません。
- 今動いているホームページやメールは、止めない順番で切り替えます。
- お見積りの前に費用はかかりません。
進め方
ご希望をしっかり伺うところから始めます。最初の20分で要点を伺い、そのあとは下書きを見て直していただく形で進めます。
-
ご相談(20分)
今困っていることと、やりたいこと、お好みの雰囲気を伺います。資料の準備は要りません。
-
構成メモ・構成案
どのページに何を載せるか、最初の画面に何を出すかをまとめてお見せします。
-
お見積り
構成を見ていただいてから、お見積りをお出しします。
-
制作と、仮公開でのご確認
文章はこちらで下書きします。スマホで見て、直したいところに印をつけてください。
-
公開
今のホームページやメールがある場合は、動いているものを止めない順番で切り替えます。
-
公開後の確認
公開後30日・60日を目安に、どのページが見られ、どのボタンが押されたかをご報告します。
公開後30日間の不具合は、無料で直します。
一言だけでも、
送ってください
ご相談は、
-
Instagram DM
いちばん気軽な方法です。一言だけ送っていただければ、こちらから伺います。
InstagramでDMを送る -
メール
件名と、書いていただきたい項目を入れてあります。分かるところだけで大丈夫です。
メールで相談する -
20分の予約ページ
空いている枠を選んでいただければ、オンラインか電話でお話しします。
20分の枠を選ぶ(新しいタブで開きます)
折り返しのお電話もお受けしています。ご相談の窓口を見る


