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