制作のご相談
uriui · Landing page studio

業種に合うホームページを、機能まで動く形で

業種の雰囲気に合わせたデザインに、予約カレンダー・診療状況バッジ・日/英切り替え・見積フォームなどの機能を、実際に動く形で組み込みます。公開後の修正や機能追加も、ご希望に応じてお受けします。

掲載のサンプルは、すべて架空のブランドで制作した見本です。

結 ピラティスピラティス · 架空ブランド
結 ピラティス トップ画面(PC)
ひより歯科クリニック歯科 · 架空ブランド
ひより歯科クリニック トップ画面(PC)
葵精密工業製造業 B2B · 架空ブランド
葵精密工業 トップ画面(PC)
森のしずく 八ヶ岳一棟貸しヴィラ · 架空ブランド
森のしずく 八ヶ岳 トップ画面(PC)
まちのね不動産不動産仲介 · 架空ブランド
まちのね不動産 トップ画面(PC)
結 ピラティス
結 ピラティス トップ画面(スマートフォン)
ひより歯科クリニック
ひより歯科クリニック トップ画面(スマートフォン)
葵精密工業
葵精密工業 トップ画面(スマートフォン)
森のしずく 八ヶ岳
森のしずく 八ヶ岳 トップ画面(スマートフォン)
まちのね不動産
まちのね不動産 トップ画面(スマートフォン)
空室カレンダー料金の自動計算診療状況バッジご予約フォーム日/英切り替え製品フィルター見積フォーム · 図面添付照明のオープニングスクロール演出物件フィルター仲介手数料の計算スマホ下部の固定バー
Work

業種ごとに異なるトップ画面

色、書体、写真のトーン、そしてトップ画面に置く情報は、業種によって変わります。5つのサンプルはいずれも実在の店舗・企業ではなく、架空のブランドです。

結 ピラティスピラティス · 架空ブランド
結 ピラティス ページ全体(上から下まで)
結
01 / 05

ピラティス

結 ピラティス 中目黒 (架空ブランド)

アイボリーとゴールドに、明朝体の見出し。照明が灯って始まるトップ画面に、スクロールの動きを加えました。落ち着いた上質タイプと華やかな演出タイプの2案をご用意しています。

#FAF7F2#2B2622#B8945A#E8C9C4
  • 照明が灯るオープニング
  • スクロール演出
  • 2つのデザイン案
ページを見る
ひより歯科クリニック歯科 · 架空ブランド
ひより歯科クリニック ページ全体(上から下まで)
ひより
02 / 05

歯科

ひより歯科クリニック (架空ブランド)

白と青緑、ネイビーで清潔感のある印象に。いま診療中かどうかと、電話・ご予約のボタンがトップ画面ですぐ分かる構成です。表示は診療時間(平日19:00まで・土曜午前)に合わせて切り替わります。

#FFFFFF#0F2A44#0B7F82#E2F2F1
  • 診療状況バッジ
  • ご予約フォーム
  • スマホ下部の固定バー
ページを見る
葵精密工業製造業 B2B · 架空ブランド
葵精密工業 ページ全体(上から下まで)
葵
03 / 05

製造業 B2B

葵精密工業 (架空ブランド)

ダークグレーに、差し色のオレンジを一色。数字と仕様を中心にした会社案内型の画面に、海外の取引先向けの日/英切り替えを加えました。

#16191C#272C31#F26A1B#E8EAEC
  • 日/英切り替え
  • 製品フィルター
  • 見積フォーム · 図面添付
ページを見る
森のしずく 八ヶ岳一棟貸しヴィラ · 架空ブランド
森のしずく 八ヶ岳 ページ全体(上から下まで)
森のしずく
04 / 05

一棟貸しヴィラ

森のしずく 八ヶ岳 (架空ブランド)

写真が主役の静かな画面。3棟(陽・水・風)の写真を指でめくって見られ、日付を選ぶと休前日・繁忙期を含めた料金がすぐに計算されます。

#F5F2EC#1F2B24#55684B#B07A4F
  • 空室カレンダー
  • 料金の自動計算
  • 棟ごとの写真スライド
ページを見る
まちのね不動産不動産仲介 · 架空ブランド
まちのね不動産 ページ全体(上から下まで)
まちのね
05 / 05

不動産仲介

まちのね不動産 おおたかの森店 (架空ブランド)

トップ画面から物件が見える、駅前の不動産店。物件ごとに表示事項を掲載し、仲介手数料と賃貸の初期費用をその場で計算できます。

#F3F4F8#141B34#2C3B8F#D4461C
  • 物件フィルター · 表示事項
  • 仲介手数料の計算
  • 初期費用シミュレーター
ページを見る
Features

見せるだけでなく、実際に動きます

お客さまが押したり選んだりする部分まで制作します。以下は、各サンプルページに実際に搭載した機能を小さくまとめたプレビューです。

診療状況バッジ

時刻に合わせて、診療中・昼休み・診療終了に切り替わります。

歯科のサンプル →

空室カレンダー · 料金計算

日付を選ぶと、平日・休前日の料金を足して合計を表示します。

ヴィラのサンプル →
// CNC MACHINING · SINCE 1978

標準公差 ±0.005mm、図面どおりに削り出します半導体・二次電池・医療機器の精密部品

日/英切り替え

ボタンひとつで、ページの文言が英語に切り替わります。

製造業のサンプル →

製品フィルター

分野を押すと、該当する製品だけが残ります。

製造業のサンプル →

照明が灯るトップ画面

暗いレセプションに明かりが灯り、ページが開きます。

ピラティスのサンプル →

運営しながら
必要な機能を加えます

  • 予約・相談フォーム
  • 受付通知メール
  • お知らせバナー
  • お客さまの声
  • 地図・アクセス
  • 多言語ページ

機能追加 · 保守(任意)

公開後の文言修正や機能追加も、ご希望に応じてお受けします。

お問い合わせ →
Process

制作の流れ

ご相談から公開後のご依頼まで、同じ担当者が続けて対応します。スケジュールと制作範囲は、ご相談のうえで一緒に決めます。

  1. 01

    ご相談・企画

    業種や、お客さまが最初に探す情報、必要な機能を整理します。

    • 参考サイト
    • ページ構成
  2. 02

    デザイン

    業種の雰囲気に合わせて色・書体・写真のトーンを決め、トップ画面から形にします。

    • 配色・書体のルール
    • スマホ画面
  3. 03

    開発・動き

    スマホの360px幅から合わせ、カレンダーやフォームなどの機能を実際に動くように作ります。

    • スクロール演出
    • 動く機能
  4. 04

    公開・その後

    お客さまご自身の名義で契約したドメインにつないで公開します。その後の修正や機能追加は、ご希望に応じてお受けします。

    • 文言・写真の差し替え
    • 機能の追加

作って終わりにせず、
運営しながら少しずつ整えます

料金表や営業時間、お知らせのように変わりやすい内容は、公開後もご依頼に応じて反映します。予約フォームや多言語対応など、あとから必要になった機能も同じページに追加できます。保守契約は任意で、必要なときだけのご依頼でも構いません。

Contact

制作のご相談

このようなホームページを制作します業種に合わせて、企画・デザイン・動きまで制作します。現在、制作費無料のモニターを募集しています(先着3件)。代わりに、制作事例としての掲載にご協力ください。ドメイン・サーバー代は実費のみで、ご自身の名義で契約できます。保守契約は任意で、営業電話もいたしません。お問い合わせには1〜2営業日以内にメールでご返信いたします。メールで相談する · support@uriui.com

制作のご相談