サンプルサイト一覧です。
随時更新されます。
ワプルで制作するホームページのクオリティをご確認下さい。
サンプルサイト1
サンプル1は歯科クリニックをイメージして、見やすく清潔感のある白色を基調としたサイトに仕上げました。 ヘッダー画像は3枚の画像を自動スライドさせております。 パソコン表示ではサイト最上部に電話番号バナーと予約バナーを設置しました。 また、Googleカレンダーを埋め込みすることにより店舗様の休業日や予約状況などにもご活用頂けます。 これにより店舗様全般で使いやすいホームページになっております。 お知らせ欄も設置しておりますので、頻繁に情報を公開したい場合はうってつけです。 お客様からの電話問い合わせや予約システムへのリンクを求めている業種に向いていると思います。
| オススメの業種 | 店舗向け |
|---|
| ページ数 | TOPページ除いて5ページ |
|---|
| フォーム設置 | フォームなし |
|---|
| ヘッダ― | 画像3枚切替スライダー |
|---|
| ヘッダ―テキスト | なし |
|---|
| PCメインメニュー | ヘッダ―上部ナビゲーションメニュー |
|---|
| スマホメインメニュー | ヘッダ―ハンバーガーメニュー |
|---|
| その他の特徴 | お知らせ欄、Googleカレンダー埋め込み |
|---|
| ホームページアニメーション | 二段階アニメーション |
|---|
| 背景色 | 白 |
|---|
| テキスト色 | 黒 |
|---|
| アクセントカラー | 水色 |
|---|
サンプルサイト2
サンプル２はイタリアンの飲食店をイメージして作成しました。使用している画像は全てAIから作成しております。TOPページは華やかなお店を伝えられるように写真を押し出しました。写真を多く利用することで上品なお店のイメージとなっております。フードページやドリンクページでもAIを利用した画像です。各ページの帯画像にも写真を埋め込んでアニメーションを設定しています。全体的には落ち着いたホームページに仕上げています。写真を沢山利用しるので、イメージを伝えるにはぴったりなサンプルサイトだと思います。お問い合わせページも設置しているので、その他の業種でもご利用頂けると思います。
| オススメの業種 | 飲食店 |
|---|
| ページ数 | TOPページ除いて5ページ |
|---|
| フォーム設置 | フォームあり |
|---|
| ヘッダ― | 画像3枚切替スライダー |
|---|
| ヘッダ―テキスト | テキスト掲載 |
|---|
| PCメインメニュー | ヘッダ―上部ナビゲーションメニュー |
|---|
| スマホメインメニュー | ヘッダ―ハンバーガーメニュー |
|---|
| その他の特徴 | 背景画像埋め込み多数あり |
|---|
| ホームページアニメーション | アニメーションあり |
|---|
| 背景色 | グレー |
|---|
| テキスト色 | 黒 |
|---|
| アクセントカラー | 白色 |
|---|
サンプルサイト3
サンプル3は美容室、美容院をイメージして透明感のあるサイトにしました。TOPページでは各写真が綺麗に見えるように作りました。マウスポインタ―もCCSで通常は水色の丸印となっており、リンク箇所はピンク丸印になるようにしております。フォントの種類も2種類使ってメニューは目に留まりやすいようにしました。各サブページは開いた瞬間にカーテンが降りてくるアニメーションを設置して訪問者の目に留まる工夫をしております。スタイルページでは画像ギャラリーを設置して特にスマホで綺麗に表現が出来るようにしています。
| オススメの業種 | 美容関連 |
|---|
| ページ数 | TOPページ除いて5ページ |
|---|
| フォーム設置 | フォームあり |
|---|
| ヘッダ― | 画像1枚固定 |
|---|
| ヘッダ―テキスト | タイプライター風アニメーション |
|---|
| PCメインメニュー | ヘッダ―上部ナビゲーションメニュー |
|---|
| スマホメインメニュー | ヘッダ―ハンバーガーメニュー |
|---|
| その他の特徴 | 無限スクロール画像 |
|---|
| ホームページアニメーション | フェードインアニメーション、二段階アニメーション |
|---|
| 背景色 | 白 |
|---|
| テキスト色 | 黒 |
|---|
| アクセントカラー | 水色 |
|---|
サンプルサイト4
サンプル4は介護施設、介護支援事業所、老人ホームなどをイメージして優しく見やすいサイトを制作しました。パソコン表示はサイドバーにロゴとメニューを固定表示させて、ご高齢の方でも見やすくなるように意識しました。サブページはヘッダー画像にアニメーションを設置して目に留まるようにしております。ブログページも設置しておりますので、情報発信もテキストや画像で残しておける仕様になっています。フッターメニューにも大きなアイコンメニューにを設置して、使いやすさにこだわりました。
| オススメの業種 | 介護・病院向け |
|---|
| ページ数 | TOPページ除いて5ページ |
|---|
| フォーム設置 | フォームあり |
|---|
| ヘッダ― | 画像4枚切替スライダー |
|---|
| ヘッダ―テキスト | テキスト画像掲載 |
|---|
| PCメインメニュー | 左サイドバーナビゲーションメニュー |
|---|
| スマホメインメニュー | ヘッダ―ハンバーガーメニュー |
|---|
| その他の特徴 | 無限スクロール画像、ブログページ設置 |
|---|
| ホームページアニメーション | フェードインアニメーション、二段階アニメーション |
|---|
| 背景色 | 白 |
|---|
| テキスト色 | 黒 |
|---|
| アクセントカラー | オレンジ |
|---|
サンプルサイト5
サンプル5は古民家宿泊施設をイメージしました。縦書きテキストを取り入れて、フォントも明朝体を使うことにより、完全和風なイメージにしております。ヘッダー掲載テキストはタイプライター風アニメーションを採用して、キャッチコピーが目に留まりやすくしました。全てページにはアニメーションを取り入れて動きがある飽きさせないようにしました。見ごたえのあるサイズの大きな画像を掲載するには特に向いております。アクセントに画像をところどころに設置することで、個性的なサイトがに仕上がると思います。
| オススメの業種 | 旅館・飲食店 |
|---|
| ページ数 | TOPページ除いて6ページ |
|---|
| フォーム設置 | フォームあり |
|---|
| ヘッダ― | 画像5枚切替スライダー |
|---|
| ヘッダ―テキスト | タイプライター風アニメーション |
|---|
| PCメインメニュー | ヘッダ―上部ナビゲーションメニュー |
|---|
| スマホメインメニュー | ヘッダ―ハンバーガーメニュー |
|---|
| その他の特徴 | 無限スクロール画像 |
|---|
| ホームページアニメーション | フェードインアニメーション |
|---|
| 背景色 | 白 |
|---|
| テキスト色 | 黒 |
|---|
| アクセントカラー | 紺 |
|---|
サンプルサイト6
サンプル6は土木工事会社をイメージして制作しました。TOPページは背景に画像をふんだんに埋め込み設置を行い、イメージが伝わりやすいように工夫しました。ニュース（お知らせ）ページも別ページで作成して更新情報をお届け出来る仕様となっております。採用情報ページも組み込んで企業ニーズに答えられるようにしました。特に画像を沢山設置出来る仕様なので見た目で画像を多く見せたい方におすすめです。
| オススメの業種 | 建築・土木工事、電気工事など |
|---|
| ページ数 | TOPページ除いて5ページ |
|---|
| フォーム設置 | フォームあり |
|---|
| ヘッダ― | 画像4枚切替スライダー |
|---|
| ヘッダ―テキスト | テキスト画像掲載 |
|---|
| PCメインメニュー | ヘッダ―上部ナビゲーションメニュー |
|---|
| スマホメインメニュー | ヘッダ―ハンバーガーメニュー |
|---|
| その他の特徴 | ニュース（お知らせ）ページ、背景画像埋め込み多数あり |
|---|
| ホームページアニメーション | フェードインアニメーション |
|---|
| 背景色 | 白 |
|---|
| テキスト色 | 黒 |
|---|
| アクセントカラー | 水色 |
|---|
サンプルサイト7
サンプル7は住宅メーカーをイメージしたサイトになっております。各コンテンツは掲載する高さをあえて揃えずに目に留まるように仕上げました。アニメーションも使わずに本当にシンプルな作りです。お知らせ欄ではなく、ブログページを設置しました。フッターメニューは縦書きテキストを設置して、テキストは明朝体を利用することで和風のサイトにもなりますし、洋風なサイトでもどちらでも合わせられると思います。写真を沢山掲載しているため、クオリティの高い写真を沢山掲載することでユーザーにも良さが伝わると思います。
| オススメの業種 | 不動産・デザイン・アパレル |
|---|
| ページ数 | TOPページ除いて7ページ |
|---|
| フォーム設置 | フォームあり |
|---|
| ヘッダ― | 画像4枚切替スライダー |
|---|
| ヘッダ―テキスト | テキスト画像掲載 |
|---|
| PCメインメニュー | ヘッダ―上部ナビゲーションメニュー |
|---|
| スマホメインメニュー | ヘッダ―ハンバーガーメニュー |
|---|
| その他の特徴 | ブログページ設置 |
|---|
| ホームページアニメーション | アニメーションなし |
|---|
| 背景色 | 明るめの灰 |
|---|
| テキスト色 | 茶、黒 |
|---|
| アクセントカラー | 薄茶 |
|---|
サンプルサイト8
サンプル8は車販売店をイメージしたサイトです。
特に目を引くのはヘッダーに設置された動画です。
動画をご希望される方には、弊社で動画を編集して掲載可能です。
サイトを開いた瞬間に受けるインパクトは動画なら効果絶大です。
動画を取り入れたい場合はサンプル8がオススメです。
| オススメの業種 | 車販売関係・マッサージ・整体 |
|---|
| ページ数 | TOPページ除いて5ページ |
|---|
| フォーム設置 | フォームあり |
|---|
| ヘッダ― | オリジナル動画掲載 |
|---|
| ヘッダ―テキスト | テキスト掲載 |
|---|
| PCメインメニュー | ヘッダ―上部ナビゲーションメニュー |
|---|
| スマホメインメニュー | ヘッダ―ハンバーガーメニュー |
|---|
| その他の特徴 | テキスト無限スクロール |
|---|
| ホームページアニメーション | フェードインアニメーション、フェードズームアニメーション |
|---|
| 背景色 | 白 |
|---|
| テキスト色 | 黒 |
|---|
| アクセントカラー | 赤 |
|---|
※サンプルサイトの業種はあくまで参考でございます。
表示している業種関係なく制作できますので、是非お問合せ下さい。
