架空の美容室(制作サンプル)です。予約・電話はつながりません。このサンプルについて

ABOUT THIS SAMPLE

この​サンプルに​ついて

この​サイトは、​Web​制作の​実績用に​つくった、​架空の​美容室の​サンプルです。​お店・人物・料金・住所は​すべて​架空です。


お店の​方が、​自分で​更新できる​ところ

この​サイトは​ EmDash​(イーエムダッシュ)と​いう​仕組みで​作っています。​下の​内容は、​お店の​方が​管理画面で​文字を​書きかえて、​保存と​公開の​ボタンを​押すだけで​変えられます。​制作者に​頼む​必要は​ありません。

メニュー・料金料金・所要時間・説明文・写真。​メニューの​追加や​並べかえも。
スタッフ名前・得意な​こと・ひとこと・紹介文・写真。​人数が​変わると、​並び方も​自動で​変わります。
お知らせ休みの​お知らせや​新しい​メニューの​案内。​書いて​公開すると、​トップにも​出ます。
よくある質問質問と​答えの​追加・​書きかえ。​トップの​「全○問」の​数も​自動で​変わります。
サロンについてあいさつ・店の​つくり・営業時間などの​文章。

管理画面の​画面例

お知らせを​書く​ときの​画面です。​書いたら​「保存」、​続けて​右上の​「Publish now」​(英語の表示です)を​押し、​確認で​もう​一度​「Publish now」を​押すと​サイトに​出ます。​押すボタンは​3回です。

EmDashの管理画面で記事を書く画面。左に記事やページのメニュー、中央にタイトルと本文の入力欄、右上に青い「保存」ボタン
① 書く​画面。​タイトルと​本文を​入れて、​右上の​「保存」を​押します。
「Publish now?」と確かめる小さな画面。「キャンセル」と青い「Publish now」のボタンが並ぶ
② 右上の​「Publish now」を​押すと​確認が​出ます。​もう​一度​「Publish now」を​押すと、​サイトに​出ます。

画面は、​制作者が​自分の​ブログを​作った​ときの​ものです。​この​サンプルの​管理画面も​同じ​作りです。

制作者が​整えておく​ところ

色・文字の​大きさ・ページの​組み方は、​最初に​制作者が​整えます。​お店の​方が​文章や​写真を​変えても、​見た目が​崩れないように​作っています。​写真が​ない​メニューは、​写真の​場所を​詰めて​料金表を​上に​出します。

実際の​お店で​つなげる​もの

「Webで​予約する」ボタンと​電話番号は​見本です。​実際の​サイトでは、​お店が​使っている​予約サービスと​電話番号に​つなげます。​地図も、​地図サービスの​地図に​差しかえます。

制作者に​ついて

この​サンプルを​作った​制作者の​ことは、​プロフィールを​ご覧ください。

制作者のプロフィールを見る