SAMPLE 01
あおぞら工務店
建設・リフォーム(架空のサンプル)施工事例CPT ・ 無料相談CTA ・ 丸ゴシックで温かく
サンプルサイトを開く ↗業種ごとに配色・書体・レイアウトまで作り分けた、WordPressオリジナルテーマの制作サンプルです。掲載している会社名・店舗名・内容はすべて架空で、実在のサイトではありません。クリックすると、サンプルサイトが開きます。
SAMPLE 01
施工事例CPT ・ 無料相談CTA ・ 丸ゴシックで温かく
サンプルサイトを開く ↗
SAMPLE 02
加工技術CPT ・ 数字カウントアップ ・ 設備表
サンプルサイトを開く ↗
SAMPLE 03
プログラムCPT ・ 料金表 ・ FAQ ・ ダーク×ライム
サンプルサイトを開く ↗
SAMPLE 04
メニューCPT ・ アーチ型の世界観 ・ 明朝体
サンプルサイトを開く ↗
SAMPLE 05
スタイルCPT ・ スタッフCPT ・ WEB予約 ・ モノトーン
サンプルサイトを開く ↗
SAMPLE 06
巨大タイポ ・ 全画面メニュー ・ 事業CPT ・ 採用CPT
サンプルサイトを開く ↗
SAMPLE 07
制作実績CPT ・ 発光するグラデーション ・ ティッカー
サンプルサイトを開く ↗
SAMPLE 08
作品CPT ・ セリフ体 ・ 余白を活かした静かな設計
サンプルサイトを開く ↗
SAMPLE 09
診療案内CPT ・ 診療時間表 ・ 初診の流れ ・ 爽やかな水色
サンプルサイトを開く ↗
SAMPLE 10
お品書きCPT ・ 縦書きの見出し ・ 墨と朱の和の世界観
サンプルサイトを開く ↗
SAMPLE 11
メニュー・料金CPT ・ 太い枠線のポップ ・ マーキー
サンプルサイトを開く ↗
SAMPLE 12
物件CPT(種別絞り込み) ・ 数字カウントアップ ・ スイス調グリッド
サンプルサイトを開く ↗※ 掲載の社名・店名・内容はすべて架空のサンプルです。実在のサイト・企業ではありません。
「申込・予約・資料請求・購入」など、ひとつの目的に向けてつくる1ページ完結のLPを、業種別に6本つくりました。WordPressで運用でき、フォームは Contact Form 7 です(サンプルのため送信されません)。掲載の会社名・店舗名・内容はすべて架空です。
L01
信頼感を出す明朝体 ・ 実績の数字カウント ・ 相続の流れ ・ 料金表
LPを開く ↗
L02
全画面ビジュアル ・ 初回限定クーポン ・ メニュー切替タブ ・ LINE予約
LPを開く ↗
L03
ダーク×ゴールド ・ ゆっくりズームする写真 ・ コース3種 ・ 記念日プラン
LPを開く ↗
L04
ポップな配色とSVGイラスト ・ タッチで動くロボット ・ 学年別コース
LPを開く ↗
L05
画面イメージをCSSで再現 ・ 機能タブ ・ 導入効果の数字 ・ 料金の月/年切替
LPを開く ↗
L06
縦長の商品LP ・ 定期/単品の価格切替 ・ 返金保証 ・ 追従する購入バー
LPを開く ↗動き(WebGL・Canvas・スクロール連動のアニメーション)をメインビジュアルにした、没入型のホームページ3点です。上の12点とは別枠で、より表現にこだわるプロジェクト向けのサンプルです(PC推奨)。掲載の会社名・団体名・内容はすべて架空です。
MOTION 01
WebGLの星雲と地球 ・ スクロールでワープ ・ 横スクロールのミッション一覧
モーションサンプルを開く ↗
MOTION 02
虹色に流れる液体グラデーション(WebGL) ・ 文字の太さが変わるキネティック見出し
モーションサンプルを開く ↗
MOTION 03
3Dワイヤーフレームの街を飛行(Canvas) ・ スクロールで街が育つタイムライン
モーションサンプルを開く ↗既製テーマに頼らず、業種とブランドに合わせて配色・書体・レイアウトをゼロから設計。レスポンシブ・アクセシビリティにも対応します。
施工事例・メニュー・採用情報などをカスタム投稿で管理。お問い合わせは Contact Form 7 で、日本語のメール・エラー文まで設定済みです。
サーバーへの設置や、別サーバーへの移行までサポート。公開後の保守・改善のご相談も承ります。
Web制作・グラフィックデザイン歴20年。サンプルの雰囲気をベースに、ご自身の事業に合わせたデザイン・実装・公開までお引き受けします。