eguchi.net

index.html — ホームページ（既存・ナビリンク更新済み）
collections.html — 全コレクション一覧（フィルター機能付き、9本のウォッチカード）
heritage.html — ブランドの歴史・創業者ストーリー・年表
savoir-faire.html — 職人技・製造工程8ステップ・素材・ムーブメント詳細
boutiques.html — 世界8拠点のブティック一覧（地域フィルター付き）
journal.html — 記事グリッド・ニュースレター登録
contact.html — お問い合わせフォーム・サービス選択・店舗情報

demo002 は、高級ジュエリーブランド「ÉLARA（エララ）」をイメージした、モダンでプレミアムな静的ウェブサイトのデモです。

主な特徴と構成は以下の通りです。

1. デザインコンセプト
   高級感のある配色: 黒（#0a0a0a）を基調に、ゴールド（#b49a6a）とオフホワイト（#f9f6f1）を組み合わせた、ラグジュアリーなカラーパレット。
   洗練されたタイポグラフィ: 見出しに優雅なセリフ体（Cormorant Garamond）、本文にモダンなサンセリフ体（Montserrat）を使用しています。
2. 技術的な特徴
   ピュアな技術スタック: HTMLとVanilla CSSのみで構築されており、フレームワークを使わずに高いパフォーマンスを実現しています。
   インタラクティブな演出:
   スクロールに合わせて要素が浮かび上がるアニメーション（Fade-in）。
   スクロール時に背景が透過・変化するナビゲーションバー。
   流れるテキスト（マーキー）や、ホバー時に拡大するカードデザイン。
   CSSによる装飾: 宝石をイメージしたダイヤモンド型の背景装飾や、リング・ネックレスのイラストをCSSの図形で表現しています。
3. ページ構成
   以下の5つのファイルで構成されるマルチページサイトです。

index.html: ヒーローセクション、新作紹介、カテゴリ一覧を含むトップページ。
about.html: ブランドストーリー（Maison）。
collection.html: ジュエリー一覧。
contact.html: 店舗情報とお問い合わせ。
style.css: サイト全体のデザインとアニメーションを管理。

4. レスポンシブ対応
   PC、タブレット、スマートフォンそれぞれの画面サイズに最適化されており、どのデバイスから見ても美しく表示される設計になっています。

一言で言えば、「高級ブランドの持つ『静寂と気品』をウェブ上で表現したデザインサンプル」です。

技術系コンサルティング会社のサイトとして、以下を掲載しています。

AI・データ活用設計
クラウド移行・基盤構築
プロダクト開発伴走
IT戦略・ロードマップ策定
4週間の導入プロセス
製造業、SaaS、小売向けの導入実績
問い合わせフォーム
キャッチコピーは
「技術戦略を、事業が動く実装へ。」
にしています。