カフェ・レストランなど飲食店の経営パートナー「VEGL(ヴェーグル)」のWEB制作

VEGL(ヴェーグル)とは

WEB制作について

VEGLではホームページ制作を承っております。
ホームページ制作において、VEGLは以下の点を重要視して制作いたします。

1. 閲覧者の事を第一に考える
2. 更新の手間を出来るだけ省略する
3. 1度の更新で最大限の力を発揮させる

特に飲食店に特化したホームページ制作を得意としておりますが、
飲食店の方もそうでない方も、お気軽にご相談ください。

VEGL Website Design のシステム

「VEGL Website Design」はサンプルサイトからイメージにあうレイアウトを選択し制作するサービスです。
サンプルから選択するのはレイアウトのみです。デザインはもちろんお客様のオーダーにお応えします。いわば「セミオーダー」のウェブサイトです。

詳細はVEGL Website Designをご覧ください。

VEGL Website Design サンプルサイト

SAMPLE,01の特徴

SAMPLE,01はオーソドックスな見やすさを追求し、閲覧者に情報を的確に伝えることを大切にしています。 派手さや面白さよりも、ユーザビリティ・閲覧者の使いやすさを一番に考えたレイアウトになっています。
詳細は下記のレイアウト、およびサンプルページ内の説明をご覧ください。

レイアウト
SAMPLE,01のレイアウト
ヘッダー部分

ヘッダー部分にはロゴマーク(ホームページタイトル)、ツイッター等のSNSのボタンが配置されます。
ツイッター等のボタンは変更可能です、お問い合わせの電話番号やFAX番号を大きく載せたりサイトマップやアクセスページへのリンクをここに置くのも良いでしょう。

メニュー部分

メインコンテンツのメニューボタンが配置されます。
例:「トップページ、プロフィールページ、ギャラリーページ、アクセスページ、お問い合わせページ」等
メニューボタンは認知心理学のマジカルナンバーを理由に4つ前後が良いとされています。

スライドショー部分

トップページに表示するスライドショーです。
閲覧者の目を引く部分ですので、「信頼感を与える画像」や「商材が目立つような画像」を掲載するのが基本です。

メイン部分

トップページには新着情報、ギャラリーページには掲載した画像のリスト、お問い合わせページにはフォームが入ります。
その他のページは「商品の説明・紹介」「ご挨拶・沿革・地図」「外部SNSの埋め込み表示」等、お気軽にご相談ください。

サイド部分

サイドメニューが配置されます。
「パンフレットページへのリンク」「SNSの埋め込み」等に適しています。
飲食店などの実店舗の場合は営業時間を調べるために閲覧する方も多い為、サイドのような全ページに表示される箇所に営業時間を掲載するのも親切かもしれませんね。

フッター部分

ホームページの最下部です。
ここには「会社概要」や「お問い合わせ・資料請求」「サイトマップ」等が配置されます。

サンプルを閲覧する

DEMO "Sample,01"

他のサンプルの特徴を見る

サンプル選択までスクロール。

SAMPLE,02の特徴

SAMPLE,02はインパクトと視覚的な情報を重視しつつ、極力閲覧のしやすさを保持するレイアウトです。
まず初見で視覚的な情報を伝えたい方に向いています。
詳細は下記のレイアウト、およびサンプルページ内の説明をご覧ください。

レイアウト
SAMPLE,02のレイアウト
ヘッダー部分

ヘッダー部分にはロゴマーク(ホームページタイトル)、ツイッター等のSNSのボタンが配置されます。
ツイッター等のボタンは変更可能ですが、SAMPLE,02のヘッダーは小さめのデザインな為、メインコンテンツよりはサイドコンテンツを配置するのに適しています。

メニュー部分

SAMPLE,02のメニューボタンは左サイドに配置されます。
メインのメニューの下にサイドコンテンツのバナーを配置する事も可能ですが、この部分はスマートフォンで見た場合にはタップすると表示される仕様となっており、ツイッター等の埋め込みには適していません。

スライドショー部分

SAMPLE,02のスライドショーはとても大きな表示領域です。
この部分を目立たせるために他部分を犠牲にしていると言っても過言ではないかもしれません。
「商品のキャッチフレーズ」「インパクトを与える画像」など言わば「つかみはオッケー!」の画像を掲載する事をお勧め致します。

メイン部分

トップページはスライドショーが大きく、スクロールをしなければ閲覧出来ないというデメリットはありますが、下層ページは表示領域がとても広く、多くの情報を掲載可能です。

フッター部分

ホームページの最下部です。
ここには「会社概要」や「お問い合わせ・資料請求」「サイトマップ」等が配置されます。

サンプルを閲覧する

DEMO "Sample,02"

他のサンプルの特徴を見る

サンプル選択までスクロール。

SAMPLE,03の特徴

SAMPLE,03は更新記事がメインです。旬の話題を常に発信。多種多様な情報発信を可能にするレイアウトになっています。まめな更新ができる方でなければ効果は発揮できませんが、有益な情報を定期的に発信できる方であれば、きっと高い効果を得られるでしょう。
もちろんVEGL Website Designの制作するウェブサイトは、定期的な更新を強力にサポートするプログラムがありますので、更新作業の手間は最小限に抑えられています。
詳細は下記のレイアウト、およびサンプルページ内の説明をご覧ください。

レイアウト
SAMPLE,03のレイアウト
ヘッダー部分

ヘッダー部分にはロゴマーク(ホームページタイトル)、ツイッター等のSNSのボタンが配置されます。
記事を目立たせるため、小さなスペースです。

メニュー部分

横並びのメニューです。スマートフォンではこの部分はハンバーガーメニュー(タップすると出てくるメニュー)となります

スライドショー部分

横いっぱいに広がったスライドショーです。当サンプルでは、下に続く記事を目立たせるため横長のスライドショーですが、大きな画像で目立たせても良いかもしれません。

メイン部分

トップページのメイン部分・記事一覧ページは記事がブロック状に表示されていて非常に目立ちます。
更新記事メインのデザインのため、記事に使う写真等によってもかなり印象が変わってくるでしょう。

フッター部分

ホームページの最下部です。
ここには「会社概要」や「お問い合わせ・資料請求」「サイトマップ」等が配置されます。

サンプルを閲覧する

DEMO "Sample,03"

他のサンプルの特徴を見る

サンプル選択までスクロール。

ウェブサイトに関するコラム

VEGLでは、ウェブサイト担当の「とっつぁん」によるコラムを掲載しています。
わかっていそうでわかっていない、知られているようで知られていない、当たり前のことなのに忘れがちなことなどなど、そんなウェブサイトに関する様々なことについて、わかりやすく説明しています。

皆様がウェブサイトが欲しいと思われたときの参考になると同時に、VEGLのこだわりもご理解頂けると思います。是非ご覧ください。

とっつぁんコラム