WORKS / 05Studio / Photography & experienceスタジオ / 撮影・体験 / 2025

DMCFUJI

A bilingual website for DMC Fuji, bringing its photography and related services into one clear digital experience.DMC FUJIの日英対応サイト。撮影と関連サービスを、ひとつの分かりやすいデジタル体験にまとめました。

2025
Fuji, Shizuoka静岡県富士市
CLIENTクライアント
DMC LLC — DMC FUJI合同会社DMC — DMC FUJI
SECTOR領域
Studio / Photography & experienceスタジオ / 撮影・体験
ROLE担当
Design, development, CMS, gallery, multilingualデザイン、開発、CMS、ギャラリー、多言語対応
YEAR
2025
LIVE公開中
www.dmc123.jp

01 / PROJECT

WHAT THE
PROJECT IS.

The site organises multiple services under one brand while giving photography a central role. Visitors can move between service information, the gallery, articles, access information and enquiries in Japanese or English.複数のサービスをひとつのブランドのもとに整理しつつ、撮影を中心に据えた構成にしています。サービス情報、ギャラリー、記事、アクセス、問い合わせのあいだを、日本語でも英語でも行き来できます。

The implementation includes a managed photo gallery, CMS-backed content and an enquiry flow, allowing the business to update visual and editorial content without rebuilding the site.管理可能なフォトギャラリー、CMS連携のコンテンツ、問い合わせフローを実装し、サイトを作り直すことなくビジュアルと記事を更新できるようにしました。

02 / HOW IT WORKS

THE DECISIONS
UNDER IT.

FROM THE IMPLEMENTATION実装から

01
The gallery is the storage bucketギャラリーの実体はストレージ

Each folder in object storage is a gallery category, listed at request time. Adding photographs to the site means uploading them — no CMS entry to create, no code to change, nothing for the studio to learn beyond dragging files into a folder.オブジェクトストレージ上のフォルダが、そのままギャラリーのカテゴリです。一覧はリクエスト時に取得します。写真を追加する作業はアップロードだけで、CMSに登録する必要も、コードを触る必要もありません。スタジオ側が覚えることはフォルダに入れることだけです。

02
Photographs go through the image pipeline写真は画像パイプラインを通す

Storage URLs are served through a proxy route so the framework's image optimisation applies to them — a photography studio's originals are large, and sending them untouched to a phone is the difference between a gallery that loads and one that does not.ストレージのURLはプロキシ経由で配信し、フレームワークの画像最適化を通します。撮影スタジオの原本は大きく、それをそのまま携帯に送るかどうかが、ギャラリーが開くか開かないかの差になります。

03
Editorial content and photographs are separate systems記事と写真は別のシステム

Articles live in the CMS, photographs live in storage. They are updated by different people at different rhythms, so coupling them into one editor would have made both harder to maintain.記事はCMS、写真はストレージに置いています。更新する人も頻度も違うため、ひとつの編集画面にまとめると双方とも運用しづらくなります。

04
One brand, two languages, several servicesひとつのブランド、2言語、複数サービス

Services, gallery, articles, access and enquiries are delivered per locale from one route tree, so the Japanese and English sites cannot drift apart in structure as content is added.サービス、ギャラリー、記事、アクセス、問い合わせを、ひとつのルート構成からロケールごとに配信しています。コンテンツを足していっても、日本語と英語のサイトの構造がずれていきません。

03 / DELIVERED

WHAT WAS
BUILT.

  1. 01

    Service pages and information architecture across the DMC Fuji offeringDMC FUJIの提供サービス全体にわたるページと情報設計

  2. 02

    Photo gallery backed by managed storageマネージドストレージを用いたフォトギャラリー

  3. 03

    CMS-backed blog and content managementCMS連携のブログとコンテンツ管理

  4. 04

    Japanese / English page delivery日本語・英語でのページ配信

  5. 05

    Contact and enquiry functionality問い合わせ機能

  6. 06

    Responsive UI and motion implementationレスポンシブUIとモーションの実装

04 / TECHNOLOGY

THE STACK
BEHIND IT.

Next.jsReactTypeScriptSupabasemicroCMSnext-intl
NEXT次の実績01CaRootALL WORKS実績一覧