WORK

店舗紹介ページの制作

紙のチラシと口頭で伝えていた店舗の案内を、1枚のWebページにまとめました。ブラウザで開くだけで上から順に読め、紙を持っていない方にも同じ内容を共有できます。

概要

店舗の案内を、一枚の HTML でブラウザから開けるページにしています。印刷物をめくらなくても、上から順に案内を読めるようにまとめています。ページは一つで、案内の内容はその HTML の中に置いています。ブラウザで開けば、紙を渡さなくても同じ案内を見せられるようにしています。

店舗の案内を、一枚の HTML としてブラウザで開きます。場所や内容はページの上から下へ読める順序に置き、紙と口頭の両方を思い出さなくても案内が完結するようにしています。管理画面や別ページへの遷移は、この案内の中心にはしていません。ファイルを更新すれば、同じページの内容を差し替えられます。ファイルを更新すれば、同じ案内を差し替えられます。

課題

店舗の案内が印刷物と口頭に分かれていました。場所、営業の内容、連絡の仕方を、紙を見ながら口で補って説明していました。紙を持っていない人には、その場の説明だけが残り、あとから同じ内容を見返せませんでした。案内を直すときも、印刷した紙と、口頭で足していた内容のどちらが最新かが分かりませんでした。

紙の案内と、口頭で足していた説明が一致しないことがありました。紙を持っていない人には、その場の説明しか残らず、あとから場所や内容を見返せませんでした。案内を直すときも、印刷済みの紙と、口頭の補足のどちらが最新かが分かりませんでした。渡す相手ごとに、説明の順序が変わっていました。紙と口頭のどちらが最新かを、あとから見返せませんでした。

対応

案内の内容を一枚の HTML にまとめ、ブラウザで上から読めるようにしています。場所や内容はページの流れの中に置き、紙と口頭の両方を思い出さなくても読める順序にしています。ページは単体の HTML として開き、テーマや管理画面を介さずに案内を見せます。文章を直すときは、この HTML を更新して、同じページを開き直します。

HTML の上から、場所、内容、連絡に必要な情報を順に読めるように並べています。ブラウザで開けば、紙を持っていなくても同じ案内を見せられます。文章を直すときはこのファイルを更新し、開き直して確認します。テーマの管理画面や、別のページへの分割はせず、一枚のまま案内を完結させています。

構成

ページは HTML です。案内の文章と構造を一つの HTML ファイルに書き、ブラウザがそのファイルを開いて表示します。スタイル用の別フレームワークや、記事を管理する CMS、送信用の API は、この案内ページの構成には含めていません。配布は HTML ファイルをブラウザで開く形です。印刷物の代わりに、同じファイルを共有して案内を見せます。

構成は HTML ファイルそのものです。ブラウザがそのファイルを解釈して案内を表示します。CMS、送信用の API、画面用のフレームワークは使っていません。スタイルを分ける別の仕組みも、このページの中心には置かず、案内の文章と構造を一つのファイルに書いています。共有する単位も、その HTML です。

記事一覧