あわい@shacho_kari

店の空気を、 そのままWebに。

美容室・サロン・アパレル・カフェ・バー。
お店の雰囲気が伝わるWebサイトや広告動画、チラシ・ポスター・メニュー表などを、ひとりでつくっています。

サイト制作 ¥50,000 — 最初の2件限定 3日で仮サイト・10日で公開 広告動画 ¥15,000 / 本 全国・オンライン

これまでにつくったもの

8 works
  1. 01あわい自分の屋号のサイトInteractive Web自主制作
  2. 02AIMA — 藍間藍染と滞在のアトリエInteractive Web見本
  3. 03おきのはま製パンベーカリー(作り直し)Web見本
  4. 04STUDIO FREEボディケアサロンVideo実案件
  5. 05UCHIMACHI HAIRヘアサロンWeb見本
  6. 06助任珈琲豆店コーヒー豆の店(作り直し)Web見本
  7. 07KASANEアパレルWeb見本
  8. 08pilates studio ARCピラティススタジオLP見本
01 — Interactive Web 自主制作(自分の屋号)
あわいのWebサイト。暗い部屋に光が差し、ガラスのプリズムが浮かぶ。「魅力は、もうある。まだ、伝わっていないだけ。」の文字。
同じサイトのスマホ表示。光の中に浮かぶプリズムの下に、見出しと「制作を見る」のボタン。

あわいAWAI — STUDIO SITE

  • 映像で始まる入口
  • 作品を1つずつ送って選ぶ一覧
  • 作品ごとの制作意図
  • スマホ対応

屋号「あわい」のサイトです。これまでの作品を、1つずつじっくり見られるようにしました。光の差す部屋にガラスのプリズムが浮かぶ映像から始まり、「制作を見る」を押すと作品の一覧へつながります。作品はスワイプやドラッグで送って選べて、それぞれのページに、どう考えてつくったかを書いています。企画・デザイン・動きの設計から実装まで、ひとりで手がけています。

サイトを見る ↗

開くと最初に「触れて、はじめる」と出ます。そこを押すと始まります。

02 — Interactive Web 自主制作(架空の施設)
AIMAのWebサイト。揺れる布に藍がにじみ、「触れて、染まる。」の文字が重なる。
AIMAのスマホ表示。布をタップして染められ、画面下で5つの藍色を選べる。

AIMA — 藍間INDIGO ATELIER & STAY — TOKUSHIMA

  • 触れて染める布
  • スクロール演出
  • 旅のプラン作成
  • スマホ対応

徳島の藍染と滞在をテーマにした、架空のアトリエ。画面の布に触れると、その場所から藍がにじみます。スクロールで一枚の布が染まり、工房や宿の風景へ。色を選び、染めて、旅を思い描くまでをひと続きの体験にしました。企画・デザイン・動きの設計から実装まで手がけています。

触れて、染めてみる ↗

PCはクリック、スマホはタップで。施設・料金はデモで、実際の予約はできません。

03 — Web 見本(架空の店)
おきのはま製パンのWebサイト。生成り色の案内面と、パンが並ぶ朝の売り場写真に「近くのいつもに。遠くの楽しみに。」の見出し。
同じサイトのスマホ表示。朝の売り場写真から親子二代の印、店の案内へ続く。

おきのはま製パンOKINOHAMA — LOCAL BAKERY

  • 1ページ
  • 親子二代の物語
  • 全国便・注文体験
  • 動きつき
  • スマホ対応

徳島市沖浜町で親子二代、1999年から続くパン屋(架空)。以前の見本「パンと珈琲 暁」を、地元で長く支えてくださる方と新しく知る方の両方へ届くように作り直しました。毎日の定番6品を値段・焼き上がり時刻まで具体的に書き、金曜発送の全国便は買い物かごから注文確認まで実際に操作できます。

サイトを見る ↗
作り直した前と後Before / After
前の見本、パンと珈琲 暁のWebサイト。暗い窯の棚と、夜明け前を表す濃い色の画面。
BEFOREパンと珈琲 暁
作り直した、おきのはま製パンのWebサイト。
AFTERおきのはま製パン
  • 名前
    パンと珈琲 暁 → おきのはま製パン(徳島市沖浜町から)
  • 最初の一言
    まだ暗いうちに、火を入れる。 → 近くのいつもに。遠くの楽しみに。
  • パン
    暗い窯の世界と品書き → 定番6品を値段・大きさ・焼き上がり時刻で
  • 足したもの
    親子二代の話、沖浜町との関係、全国発送の箱、架空の買い物かご
  • 動き
    夜明けの色が変わる → 包み紙が開く冒頭と、店から全国へ伸びる配送のひも
前のサイトも見る ↗
04 — Video 実案件

STUDIO FREESTUDIO FREE — AD REEL

  • 1080 × 1920
  • 22秒
  • Instagram / TikTok
カット2。白地に青い明朝の「セラピール」と、ガラス球に囲まれた商品ボトルの写真。 カット3。「剥離しにくい設計」「中和剤がいらない」「ダウンタイムは半日〜数日」の3行と、個人差の注記。 カット6。セラピール正規取扱店 STUDIO FREE の店名、住所、電話、営業時間が中央に並ぶ最後の画面。
Cuts — 2 / 3 / 6

徳島県北島町の女性専用トータルボディケアサロン。ピーリング「セラピール」の正規取扱店であることを知らせる、Instagram・TikTok 用の縦型広告です。効果を約束しない言い回しで組み、最後の3.5秒は住所と電話をスクリーンショットで残せるように止めています。

写真・受賞メダル:メーカー資料より

05 — Web 見本(架空の店)
UCHIMACHI HAIRのWebサイト。徳島駅前の美容室という案内、顔まわりについての見出し、自然光が入る店内の女性の写真。
同じサイトのスマホ表示。結ぶ日も、顔まわりから整える、という見出しと店内の女性の写真。

UCHIMACHI HAIRHAIR SALON — TOKUSHIMA STATION

  • 1ページ
  • 予約デモつき
  • 動きつき
  • スマホ対応

徳島駅前の女性のための美容室(架空)。朝の支度や髪を結ぶ日のことまで聞いて、顔まわりから一緒に考える店として作り直しました。相談から仕上げまでの流れ、料金、店内と場所を掲載。メニューと日時を選べる予約デモには、開いたときとスクロール時の動きも付けています。

サイトを見る ↗
作り直した前と後Before / After
前の見本、LUEUR AOYAMAのWebサイト。東京・青山の夜を表現した美容室のサイト。
BEFORELUEUR AOYAMA
作り直したUCHIMACHI HAIRのWebサイト。徳島駅前の美容室。
AFTERUCHIMACHI HAIR
  • 名前
    LUEUR AOYAMA → UCHIMACHI HAIR(徳島駅前の内町地区から)
  • 最初の一言
    静かな夜に、髪がほどける。 → 結ぶ日も、顔まわりから整える。
  • 中身
    東京・青山の夜の世界観 → 徳島駅前で、日々の髪の悩みを相談できる店に
  • 残したもの
    複数のスタイリスト、料金の目安、操作できる予約デモ
  • 動き
    写真の幕開け、見出しの表示、スクロールに合わせて現れる文章と店内写真のゆるやかな動き
前のサイトも見る ↗
06 — Web 見本(架空の店)
助任珈琲豆店のWebサイト。焙煎機の釜の動画の上に、明朝の縦書きで「焼いて三日目が、いちばんうまい。」と店名。
同じサイトのスマホ表示。縦書きのキャッチコピーと店名、下に説明と営業時間。

助任珈琲豆店SUKETO COFFEE BEANS

  • 1ページ
  • 豆6種と焙煎日
  • 動画・動きつき
  • スマホ対応

徳島市助任本町の、自家焙煎の珈琲豆店(架空)。以前の見本「余白珈琲」を、「名前も中身も、どこにでもある感じがする」というご指摘を受けて作り直しました。全国12軒の豆屋さんのサイトを読み比べて、どこの何の店か・いつ焼くか・誰が焼くかを具体的に書き、開いたときの演出とスクロールで変わる動きも付けています。

サイトを見る ↗
作り直した前と後Before / After
前の見本、余白珈琲のWebサイト。生成り色の地に明朝の見出し。
BEFORE余白珈琲
作り直した助任珈琲豆店のWebサイト。
AFTER助任珈琲豆店
  • 名前
    余白珈琲 → 助任珈琲豆店(徳島市の町と川の名前から)
  • 最初の一言
    ひと息ぶんの、いい時間 → 焼いて三日目が、いちばんうまい。(店主の言い切り)
  • 豆
    英語の名前が3つ、量の表記なし → 6種を産地・精製・煎り具合・100gの値段で
  • 足したもの
    焙煎日と注文の締め切り、店主の話、住所と営業時間
  • 動き
    ほぼ止まったまま → 開いたときの演出と、スクロールで変わる動き(焙煎の動画・字が灯る・墨色に変わる)
前のサイトも見る ↗
07 — Web 見本(架空の店)
アパレルブランド KASANE のWebサイト。黒地に細い線の重なりと、大きな白い欧文見出し「Color at the Edge」。
同じサイトのスマホ表示。黒地に欧文見出しとブランド名。

KASANE|かさねAPPAREL — KURAMAE, TOKYO

  • 全6セクション
  • WebGL
  • スマホ対応

東京・蔵前のアパレルブランド(架空)。ブランドの考え方からコレクション、素材、代表の言葉、問い合わせまでを1本の流れに設計しました。トップの背景は、生地の重なりを WebGL で描いています。

サイトを見る ↗
08 — LP 見本(架空の店)
pilates studio ARC の申し込みページ。白地に太いゴシックの「反り腰も、巻き肩も、動かし方から変える。」と、朱色の体験申し込みボタン。
同じページのスマホ表示。画面の下に「体験 ¥1,980/申し込む」のバーが固定されている。

pilates studio ARCPILATES STUDIO — TOKUSHIMA

  • 申し込みLP
  • 入力の確認画面つき
  • スマホ対応

徳島のピラティススタジオ(架空)。目的を体験レッスンの申し込み1つに絞り、悩み・当日の流れ・料金・よくある質問の順に、申し込みボタンを4か所へ置きました。フォームは希望の時間帯を3つまで選ぶ形で、入力の誤りをその場で知らせ、確認画面まで実際に動きます。

サイトを見る ↗

ホームページのほかに

Print & Graphics

お店で配るチラシやポスター、メニュー表、SNSや動画に使う画像もつくっています。紙のものは、印刷所にそのまま出せるデータまでお渡しします。

どれも見本(架空の店)です。写真:Unsplash

送るだけで頼める、小さなお仕事

Small Jobs

毎月の営業日の画像づくりや、メニューの作り直しのように、手間はかかるけれど後回しになりがちなことを引き受けます。InstagramのDMかLINEで、写真やひとことを送っていただくだけです。打ち合わせはいりません。

毎月の営業日カレンダーの見本(架空の店)です。投稿用(4:5)とストーリー用(9:16)の2枚をお渡しします。

営業日カレンダー毎月、休みの日を送っていただくだけ。投稿用とストーリー用の2枚。1回だけなら¥2,000
¥1,500 / 月
メニュー表の作り直しいまのメニューをスマホで撮って送るだけ。店内用とInstagram用に
¥5,000
Googleマップのお店情報を整える営業時間・写真・紹介文の抜けを先にお調べして、整えます。お店の方は、管理者に追加していただくだけです
¥3,000

内容がそろった次の日にお届けします。

料金と納期

Price
サイト制作3ページまで・スマホ対応。1ページにまとめることもできます
¥50,000
ページの追加
¥10,000 / 1ページ
確認用の仮サイト写真と文章がそろってから
3日
公開写真と文章がそろってから
10日
更新はまるごとお任せ営業時間が変わったら、LINEやDMで送っていただくだけ。いらなければ無しで大丈夫です
¥3,000 / 月
自分で更新できる形スマホで表を書き換えると、営業時間やお知らせがホームページに反映されます
¥10,000
広告動画縦型15〜30秒。お店の写真や資料から、構成と文字入れまで
¥15,000 / 本
チラシA4片面・入稿用データまで
¥15,000
ポスター・看板A3片面・入稿用データまで
¥15,000
メニュー表・POPA4片面・30品まで
¥8,000
バナー・ヘッダー1サイズ・1案
¥5,000
申し込みLP縦長1ページ・入力フォームつき
¥70,000
YouTubeサムネイル1枚・文字入れまで
¥3,000
修正確認用の案(ホームページは仮サイト)をお渡ししてから10日間は、何回でも直します。大きな方向の変更は、最初の構成の段階でご相談ください
10日間 無制限
納品後の小さな直し誤字や営業時間の変更、写真の差し替えなど。それ以降は、月¥3,000の更新のお手伝いで承ります
20日間 無料

いまは実績をつくっている時期なので、サイト制作は最初の2件だけこの価格で受けています。 3件目からは通常の価格に戻します。

サイト制作に含むもの
  • スマホでの見え方
  • お手持ちの写真の色補正
  • Instagram・地図・営業時間
  • 問い合わせ・予約への導線
  • ドメインとサーバーの手配
  • 公開後の初期設定
こんなこともできます
リーフレット二つ折り・三つ折り。印刷所に出せるデータまで
¥20,000〜
ショップカード・名刺両面・入稿用データまで
ご相談ください
予約・問い合わせフォームいまのサイトに足すこともできます
ご相談ください
メニューの英語版観光で来るお客さん向けに
ご相談ください

ここにないものも、まずは聞いてください。できるかどうか、正直にお答えします。

はじめてでも、安心して頼めるように

Flow
進め方
  1. お話を聞かせてくださいいまのお店の写真やInstagramを見ながら、どんなお客さんに来てほしいかを伺います。
  2. 何を載せるかを、先に文章でデザインに入る前に、載せることと順番を文章で確かめていただきます。大きな方向はここで決めます。
  3. 3日で確認用の仮サイト写真と文章がそろってから3日で、スマホで実際に触れる仮サイトをお渡しします。
  4. 10日間は何回でも直します気になるところは、遠慮なく何度でも伝えてください。
  5. 公開写真と文章がそろってから、10日が目安です。
  6. 公開後20日間は、小さな直しも無料誤字や営業時間の変更などは、そのまま直します。
用意していただくもの
  • お店の写真(スマホで撮ったもので大丈夫です。暗い写真は明るく整えます)
  • 伝えたいこと(箇条書きで大丈夫です。文章はこちらで整えます)
  • 営業時間・定休日・住所

写真が足りないときや、何を書けばいいか分からないときも、まずはそのまま相談してください。

自分で更新できる形を、試してみてください

左はお店の人のスマホで開いたGoogleスプレッドシート、右はお客さんのスマホで見たホームページです。表の「内容」を書き換えると、右のサイトのその場所に移って、書いたとおりに変わります。お知らせを消すと、お知らせの帯も消えます。

お店の人のスマホ

暁 営業情報Googleスプレッドシート
AB
1項目内容
2お知らせ
3営業時間
4営業時間の補足
5定休日

↑ タップして書き換えてみてください

お客さんのスマホ

見本のサイト「パンと珈琲 暁」。スクロールもできます

見本なので、ここで書き換えた内容はあなたの画面の中だけで変わります。本物では、お店の人の表を書き換えると、5分ほどでホームページに反映されます。

よくある質問
パソコンが苦手でも大丈夫ですか?

大丈夫です。やり取りはLINEやInstagramのDMで、スマホだけで進められます。専門の言葉は使わずにご説明します。

ドメインやサーバーって何ですか?

ホームページの住所と、置き場所のようなものです。設定はこちらで行います。ドメイン代(年1,500円ほど)だけ、お店のお名前で持っていただくのがあとあと安心なので、実費をご負担ください。

公開したあと、営業時間やお知らせを変えたいときは?

公開後20日間は無料で直します。そのあとは、月3,000円の「更新はまるごとお任せ」なら、LINEで送っていただくだけで直します。ご自分で直したい方には、スマホで書き換えられる形(¥10,000)もあります。

本当に10日で公開できますか?

写真と文章がそろってからの日数です。そろうまでのお手伝いもしますので、準備が進んでいなくても先にご相談ください。

遠くのお店でも頼めますか?

全国どこからでも大丈夫です。すべてオンラインで進めます。

つくっている人

About

SNSでは「社長(仮)」という名前でやっています。25歳、徳島。飲食店で4年働いたあと、Webとデザインをやっています。

母の休眠会社を継ぐまでの記録を、そのままSNSに出しています。うまくいっていないところも含めて全部出しているので、どんな人間がつくるのかはそちらを見ていただくのが早いと思います。

屋号「あわい」のサイトもあります。作品ごとに、どう考えてつくったかまで載せています。

サイト あわい ↗
Contact

まず、いまのお店の写真を
見せてください。

「やるかどうか決めていないけど話だけ」で大丈夫です。InstagramかXのDMに、お店の写真かアカウントを送ってください。どんなサイトになりそうかをお伝えします。ここまでは無料で、そこから先に進むかどうかを決めていただければ。