高級腕時計メーカーのLP制作をしました

制作範囲

ディレクション / 情報設計 / コピーライティング / Webデザイン / コーディング / レスポンシブ対応 / 問い合わせ導線設計

制作期間

企画から公開まで約1ヶ月

参考予算

約15万円

使用技術

HTML / CSS / JavaScript

背景と課題

今回は、ドイツ・フランクフルトの時計ブランド「Sinn」の機械式腕時計を題材に、製品の造形美とブランドフィロソフィーを表現するプロダクトコンセプトサイトを制作しました。

高級腕時計は、駆動方式やケース素材、文字盤、ストラップなどの仕様を掲載するだけでは、その製品が持つ質感や精密さ、所有する価値まで十分に伝えることが難しい商材です。

特にオンライン上では、実際に腕時計を手に取れないため、文字盤の光沢、金属の仕上げ、針の造形、ケースの立体感といった細部の魅力を、写真と画面上の演出によって補う必要があります。

一方で、装飾や動きを増やしすぎると、製品そのものよりもWebサイトの演出が目立ち、高級時計が持つ静かな品格や機能美を損なう可能性があります。

そこで今回は、製品情報を単に並べるのではなく、時計の全体像、細部、内部構造、仕様を段階的に見せながら、「道具であり、芸術でもある」という製品価値を体験的に伝えることを重視しました。サイトでは、コンセプト、文字盤・ケース・ストラップのディテール、分解表現、製品仕様という順番で情報を構成しています。

制作の意図

今回の制作では、一本の腕時計を詳しく説明するのではなく、画面をスクロールする行為そのものを通して、製品の思想や精度を感じられる構成を目指しました。

ファーストビューでは、「静かなる精度。」という短いメッセージと腕時計のビジュアルを大きく配置し、華美な装飾に頼らない、ドイツ時計らしい精密さと機能性を印象づけています。

続くコンセプトセクションでは、フランクフルトで育まれた時計づくりの思想を文章で伝え、製品の見た目だけではなく、その背景にある設計思想やものづくりへの姿勢まで理解できるようにしました。

その後、文字盤、ケース、ストラップのディテールを個別に見せることで、製品全体を眺めるだけでは気づきにくい素材感や仕上げの違いに視線を誘導しています。

さらに、腕時計を構成する要素を分解して見せるセクションを設け、「分解するほどに、精度が見える」というメッセージとともに、外観だけでなく構造そのものに価値がある製品であることを表現しました。

後半では、自動巻き、サンレイ仕上げのグレー文字盤、デイト表示、ステンレススティールケース、ブラックレザーストラップといった仕様を簡潔に整理しています。

感覚的なブランド表現だけで終わらせず、購入や比較を検討する際に必要となる具体的な製品情報まで伝えることで、情緒的価値と機能的価値を両立させました。

デザインの根拠

デザインは、機械式腕時計が持つ精密さ、重厚感、静かな高級感を表現するため、情報量と色数を抑えた構成としています。

高級商材のWebサイトでは、多くの情報を一度に見せるよりも、製品の写真やコピーを一つずつ丁寧に提示し、閲覧者が細部へ意識を向けられる余白を確保することが重要です。

そのため、本サイトでは大きな製品ビジュアルと短いコピーを中心に構成し、画面内に複数の要素を詰め込みすぎないよう設計しました。

英語のセクションラベルと日本語の見出しを組み合わせることで、海外時計ブランドらしいモダンな印象を与えながら、日本語で内容を直感的に理解できるようにしています。

「静かなる精度。」「細部に宿る、意志。」「分解するほどに、精度が見える。」「仕様に、嘘はない。」といった簡潔なコピーを各セクションに配置し、製品の特徴を説明文だけに頼らず、印象的な言葉として記憶に残るよう設計しました。

また、文字盤、ケース、ストラップの接写表現によって、素材の光沢や加工の違いを視覚的に伝えています。製品全体と細部を交互に見せることで、一本の時計をさまざまな距離から観察するような閲覧体験を作りました。

仕様セクションでは、項目名と内容を明確に分け、ブランド表現を重視したページでありながら、必要な製品情報を読み取りやすい情報階層に整えています。

全体を通して、過度な装飾ではなく、写真、タイポグラフィ、余白、スクロールによる場面転換を中心に構成することで、製品そのものが主役となるデザインを目指しました。

活用イメージ

本サイトは、腕時計、ジュエリー、革製品、自動車、カメラ、オーディオ機器、家具など、機能性と造形美の両方に価値を持つ高価格帯の商品に向けた制作例です。

特に、商品のスペックだけでは他社との違いを伝えにくく、ブランドの思想、職人技、素材、製造工程なども含めて価値を伝えたい場合に適しています。

「一つの商品を主役にしたページを作りたい」

「商品の細部や素材感まで丁寧に伝えたい」

「スペックだけでなく、ブランドの思想や世界観も表現したい」

「高級感を保ちながら、製品情報を分かりやすく掲載したい」

「スクロールによって商品の魅力を段階的に見せたい」

「静止画を並べるだけではない、没入感のあるページを作りたい」

そのようなケースに適した制作例です。

ブランドサイト内の商品紹介ページとしてだけでなく、新商品の発表ページ、期間限定のキャンペーンサイト、広告から誘導するプロモーションLP、ブランドの世界観を伝えるコンセプトページ、展示会や商談時に使用するデジタルカタログとしても活用できます。