これまでに作った
ウェブサイトの見本

MIROX / VERSION 01MIROXブラックシリカを、毎日のケアへ。 MIROX / ブランドサイトの制作案

ミロックス — バージョン1

黒とゴールドの落ち着いた構成。素材の説明から商品一覧・詳細を経て、公式ショップへ進む案です。

• 黒×ゴールド
• 素材紹介
• 商品一覧

開く MIROX / VERSION 02 WHITEBlack silica.
Everyday care. MIROX / ブランドサイトの制作案

ミロックス — バージョン2（白）

白背景と細い罫線。ロゴが中央から上部へ移動し、写真の上ではカーソル付近が拡大します。

• 白ベース
• ロゴ演出
• 部分拡大

開く MIROX / VERSION 02 BLACKBlack silica.
Everyday care. MIROX / ブランドサイトの制作案

ミロックス — バージョン2（黒）

黒背景と白いロゴでまとめた版。中央から動くロゴ演出、細い罫線、大きな商品写真の構成です。

• 黒ベース
• ロゴ演出
• 写真スライド

開く Scroll Movie Ryokan / 高級和風旅館

宿 湖凪 — 玄関ムービー版

スクロールに合わせてカメラが暖簾をくぐり、行灯の廊下を抜けて湖へ進みます。画像生成 → 動画生成 → スクロール連動の組み込みまで通した一本。

• 動画スクラブ
• 縦書き
• AI生成素材

開く Ryokan Ryokan / 高級和風旅館

宿 湖凪

暗く静かな和の世界。全画面ヒーロー、縦書き見出し、ワイプで立ち上がる写真。落ち着いた商品・教室・サロン系のLPの土台にも。

• 縦書き
• 明朝
• ワイプ表示

開く City Hotel City Hotel / 都心のホテル

ホテル カナデ

左端がエレベーターのフロア表示になっていて、スクロールすると今いる「階」が光ります。余白の多い上質なサービス紹介に向く型。

• フロアレール
• 横スクロール
• 夜景描画

開く Business Hotel Business Hotel / 駅前の実用ホテル

ステイ・クロス 湊北口

駅の発車標そっくりのお知らせバーが流れます。空室ボックス・料金カード・設備・FAQと、情報量で勝負する型。料金表やFAQのあるページ全般に流用できます。

• 発車標バー
• 料金カード
• FAQ

開く Pension Pension / 海辺の家族経営

ペンション しおさい

海辺の宿の大きなビジュアルから、客室と朝ごはんへ。写真風の画像とゆったりした余白で、親しみやすさと上質さを伝える宿のサイトです。

• 大きな写真
• 海辺の宿
• 上質な余白

開く Scroll Cinema Members / 受講者向け会員ページ

ツバメ×コナギ 2DAYS 会員ページ

スクロールで部屋が切り替わるシネマ演出から、方眼ノート風の会員シートへ。録画・特典・受講生の声・次の案内が1ページに収まる型。

• シーン切替
• 録画・特典
• 固定CTA

開く Corporate Corporate / B2B 企業サイト

ツバメリンク（忠実再現版）

参考サイトを1画面ずつ分析して構造を寄せた版。ページ全面に波打つドットメッシュが敷かれ、ロゴが透かしで浮かびます。

• 波メッシュ
• 極太見出し
• カルーセル

開く Corporate Corporate / B2B 企業サイト

ツバメリンク（独自解釈版）

同じ会社を別の方向で設計した版。ロゴがドット化して旗のように波打ち、実績の数字がスクロールでカウントアップします。

• ドット旗
• 黄色アクセント
• カウントアップ

開く

この条件に当てはまる見本はありません。

※ デザインの見本・制作案を掲載しています。架空の施設・企業のデモと、実在するミロックスの制作案が含まれます。ミロックスの購入・問い合わせボタンは、既存の公式サイトにつながります。