ホーム > サイトを作ってみよう！ > Weeblyで作成したHP例一覧 > ​06 - EPOCH エポック･カスタムメイドマウスガード-

Weeblyで作成したホームページ作成例06

Weeblyのアプリを活用して動きのあるビジュアルで構成。
フルワイドで動きのあるスライドを設定できる「X」アプリと複数のいろいろな設定ができるアプリ「OCTOMONO」をフルに使っています。
使用画像をCG処理するなど工夫を盛り込み手間をかけたサイトです。
制作時間はかかりますが、WordPress等でJavaScriptを使用して作り込む場合に比べ1/5ぐらいの作業量・時間で作れます。
Instagram,Facebook,Twitterでの投稿フィードをトップページに表示させています。
オーダーを受けたオリジナルのマウスガードもWeeblyのギャラリーツールで追加も簡単。特別な加工は必要なく画像を追加するだけ。
オリジナルオーダーイメージの参考例として役立っています。
Weeblyのアプリを使用すればJavaScriptの挿入などコードを知らなくてもツール設定で簡単に操作できます。
※有料アプリの導入が必要です。
実際にサイトにアクセスして動きをご確認いただけます。

EPOCH　- エポック･カスタムメイド･マウスガード - 

アスリートから支持されているプロ仕様のマウスガードを製作している会社『エポック･エステート』様の公式ホームページ。
Instagram、Facebook、Twitterのフィードも挿入。オーダーではPDFをPCで開いて記入できるシステムを取り入れ、必要事項を記入してPCに保存してメールで送信、またはプリントして歯型と一緒にオーダーできるシステムを取り入れています。
こちらの会社のロゴも制作しました。
HOME
Weeblyの有料アプリをフル活用でフルワイドスライドに動きの有るコンテンツ表示をしています。
さらにスクロール･アニメーションでスクロールするごとにアクションを起こす表示でインパクトのある表示を演出しています。
PHOTO GALLERY
ギャラリーツールで画像の追加、移動、削除も簡単に操作可能です。
カラーバリエーション
ボタン機能も有料アプリでいろんな表現が可能
ご注文について
種類と価格
はじめてのご注文の方
歯型を持っている方の注文の方
デザイン等をオーダー時に記入してメールで送っていただける入力欄を付けたPDF書類をダウンロードしていただき、入力欄に必要事項を記入していただき、デザイン案は画像添付で送っていただけるオーダーシステムを導入。
歯型の取り方
マウスピースの重要性
会社概要
アクセス
お問い合わせ
BLOG
ブログ一覧は有料アプリで一覧がダイジェストに並ぶスタイルに変更。
◀ 作成例05
作成例07 ▶

操作方法についてご質問

共有できるご質問へは無料でご案内しています。
個別案件は内容によって有料の場合があります。
お気軽にご相談ください。

Weeblyでサイト作成相談･依頼

￥55,000-（税別）〜 +オプションで制作します。詳しくはお問合せください。
​お気軽にご相談ください。

Weeblyへサイト移行相談･依頼

他のCMSからデザインブラッシュアップも含め￥55,000-〜 +オプションで制作しています。
​お気軽にご相談ください。

Weeblyで作成したサイトを
​ブラッシュアップ相談･依頼

既存のWeeblyで作成しているサイトをデザイン、レイアウト、構成などブレッシュアップ等​お気軽にご相談ください。

Weeblyサイトの編集･運営をサポートするサブスクリプション始めました。

Weeblyの基本設定・操作・集客できるサイト運営など、オンラインセミナー開催しています。

事業に役立つウェブサイトの役割、
​作成・運営方法の基礎知識セミナー

個人･小規模事業者におすすめ
​HP作成 CMS Weebly

優れたCMS-Weeblyの
​操作方法プライベートレッスン1時

4hでWEBサイトのHTMLが編集できるようになる
超初心者向講座

Weeblyでサイトの制作を開始する

Weeblyを開始する前に、このサイトのTOPページに有る
「Weeblyをはじめる前に」を一読ください。
トラブル回避のためにぜひ、お読みください。
Weebly.comを始めたい方は
Weeblyのバナーをクリック ▶▶▶

サイトマップ

ホーム
このHPについて
├ HPの作り方無料プレゼントのご案内
└ これからのHPとは？
    ├ 役立つHPの作り方
    ├ 事業に役立つHPの作り方
    └ こんなCMSは利用するな
└ Weebly.comの特長
    ├ 他のCMSとの比較
    ├ Weeblyの有料プラン紹介
    └ Weeblyメリット、デメリット
└ Weeblyの特長の詳細 
　├ ドラッグ＆ドロップで作成
    ├ 豊富なデザイン
    ├ 強力なホスティング
    ├ 迅速で役立つサポート
    ├ 簡単ブログ配置＆編集
    ├ 優れた画像設置･編集機能      
    ├ 簡単なビデオ,オーディオ配置
    ├ フォームも簡単配置･編集
    ├ トラフィック統計
    ├ 独自ドメインホスティング
    ├ 無料版でも広告なし
    └さらなる様々な機能
└  こんなHPが作れます!
　サイトを作ってみよう！
​└ホームページの作成準備
　├ サイトの構成を考えよう!
　└  素材を用意しよう！
​└ WEEBLY登録･設定･基本操作
　└ Step01登録&スタート
    　├ デザインの選択
​　　└ コラム・ドメインについて
　├Step02 サイトの設定
　├ Step03 サイトの管理画面
　├ Step04 サイトの編集操作画面
　└ Step05 サイトの編集操作の基礎知識
└ サイト作成・編集
　└ 編集操作項目一覧
    　├ デザインテーマの変更
   　 ├ ページの追加・編集
　　└ タイトルを横長のロゴ画像に変更
    └ ブログページの追加・編集
       └ SNSと連携設定
    ├ 画像と文字の配置・編集
    ├ 複数の画像をポートフォリオ表示
    ├ 複数の画像をスライド表示
    ├ 動画の配置
    ├ リンクボタンの配置
    ├ Google Adsenseの配置
    ├ Google Mapの設置
    ├ ブログ一覧（RSS FEED）の設置
    ├ お問合せフォームの設置･編集
    ├ アンケートの設置･編集
    ├ Googleカレンダーの設置
    ├ オリジナルHTMLコードの設置
    ├ ページ内検索BOXの配置
    └ ダウンロード書類の配置
└ SEO対策の設定 
機能を拡張しよう！
├ Facebook「いいね！」boxの設置
├ Fecebook Recommend Boxの設置
└ Twitter連携BOXの設置

Q&A

カスタマイズ（有料会員専用）
├ RSS FEEDの設定＆カスタマイズ
├ カスタムHTMLの設定
├ CSS3を活用した設定
├ デザインのカスタマイズ
├ ナビのカスタマイズ
└ フッターのカスタマイズ
└ Google Analitycsの設置
└ Google Webmasterコードの設置

お問合せ
└ 有料サポートのご案内

管理人プロフィール

2012- Copyright © Weeblyの教科書. All Rights Reserved