01 / HOSPITALITYDESIGN STUDY
宿泊施設 / 客室・食と滞在・宿泊案内 / お知らせ一覧・記事
旅館のサンプルサイト
空気まで伝える、宿のサイト。
PORTFOLIO
WEBサイトの制作例
架空の店舗・事務所を題材にしたデザイン・実装の見本です。
実在するお客様の制作実績ではありません。
02 / RESTAURANTDESIGN STUDY
蕎麦店 / 1ページ構成 / 品書き・店舗案内
飲食店のサンプルサイト
一皿の魅力と、来店のきっかけを。
03 / PROFESSIONALDESIGN STUDY
事務所・法人向け / 1ページ構成 / 業務案内・事務所概要
事務所のサンプルサイト
専門性を、順序立てて伝える。
操作の見本
機能のサンプル
予約日時の選択、地図の表示、写真の切替。
サイトに取り入れられる機能を、画面上でお試しいただけます。
RESERVATION / 飲食店・サロン・体験教室日時と人数を選んで、
日時と人数を選んで、
予約内容を確認。
日時と人数を選び、内容を確認。
受付までの流れを試せます。
予約フォーム飲食店向けの見本
お好きな日時を選んでみてください。
選択した内容をご確認ください。
ここまでが操作見本です。
予約は送信されていません。
実際の予約・個人情報の入力は行いません。
ACCESS / 店舗・施設・事務所来店まで、
自社・作例の所在地ではありません。
来店まで、
迷わせない。
地図と、最後のひと案内。
入口の場所や駐車場も添えて、
初めての方が安心して訪れられるように。
- 地図
- 拡大・縮小して周辺を確認
- 道案内
- 目印や交通手段をまとめて掲載
自社・作例の所在地ではありません。
GALLERY / 宿・飲食店・制作実績写真の一枚から、
写真の一枚から、
過ごす時間へ。
空間、料理、仕事の仕上がり。
見たい写真を自分のペースで。
説明も一緒に切り替わります。
架空の宿「里居」の制作素材を使っています。
予約も、地図も、日々のお知らせも。
必要な機能を、事業に合わせて選びます。
ご自身で更新したい方へ文章と写真の更新を試す
TRY AN UPDATE
書きかえると、
こう見える。
文章と写真を変えて「見本に反映する」を押すと、掲載時の見え方が変わります。
この体験は画面内だけで動きます。入力は保存・公開・送信されず、再読み込みで元に戻ります。個人情報は入力せず、見本の文章でお試しください。
里居 SATOI / お知らせ
季節のたより
朝の風に、秋の気配。
庭を抜ける風が、少しずつ涼しくなってきました。
縁側で、ゆっくりと朝の時間をお過ごしください。
文章と写真を用意したら、見本に反映してみてください。
実際のお知らせ機能では、ログインして下書き・公開・更新・非公開を操作します。制作済みの機能を分離した環境で動作確認しています。続いて、その実画面をご覧ください。
AFTER LAUNCH / お知らせの更新
お知らせは、
お手元から。
季節のご案内、臨時休業、新しいメニュー。
公開後も、ご自身で伝えられるサイトへ。
パソコンでもスマートフォンでも、文章と写真を更新できます。実際に制作したお知らせ機能で、その流れをご覧ください。
架空の宿を使った、操作画面の見本です。文章と写真を用意する。タイトル・本文・写真。いつものお知らせを、手元の端末から。
「お知らせを書く」からタイトルと本文を入力し、写真を選びます。途中の原稿は下書きに保存。新しい記事は公開するまで、サイトの閲覧者には表示されません。
画面は、架空の宿「里居」の公開済み記事を開いた編集例です。新規作成でも同じ入力欄を使い、スマートフォンでは本文の下に保存・公開の操作が並びます。
操作部分を抜粋しています。画面内を上下にスクロールでき、拡大リンクでは画面全体をご覧いただけます。
見え方を確かめて、公開。下書きからプレビューへ。サイトに載る形を確認してから公開します。
プレビューで、文章の改行や写真を確認します。準備ができたら編集画面の「公開」を選択。お知らせ一覧と記事ページに、サイトのデザインに合わせて反映されます。
写真の大きさや文字の配置はあらかじめ整えてあるので、毎回ページを組み立てる必要はありません。下の画像は、同じ文章と写真を公開した表示例です。
操作部分を抜粋しています。画面内を上下にスクロールでき、拡大リンクでは画面全体をご覧いただけます。
直す。掲載を終える。文章の修正も、期間が過ぎた案内の取り下げも、同じ場所から。
お知らせ一覧から対象の記事を開き、文章や写真を直して「更新」。掲載を終えるときは、編集画面のステータスを「下書き」に戻して保存します。記事を消さずに、再編集できる状態で残せます。
下書きに戻した記事は、お知らせ一覧と記事ページから見えなくなります。アップロードした写真自体を非公開で保管する機能ではないため、写真には公開してよいものを使います。
操作部分を抜粋しています。画面内を上下にスクロールでき、拡大リンクでは画面全体をご覧いただけます。
日々の投稿は、ご自身で。
構成の変更は、ご相談を。
お客様の更新画面は、お知らせの投稿に必要な操作を中心に用意します。営業時間や料金表などの固定情報、ページ構成やデザインの変更は、制作時に更新範囲を決めます。
納品時には操作をご説明し、技術的な保守には制作側の別の管理アカウントを使います。お知らせを更新するたびに、サイト全体の設定を触る必要はありません。
サイトごとに決めること
必要なページ数や写真の準備、営業時間などの編集範囲は、事業の運営に合わせてご案内します。予約サービスへの案内と、独自の予約システムの開発は内容が異なるため、必要な仕組みを確認して制作範囲を決めます。
制作について相談する