---
title: "写真と動画を、仕事の価値が伝わる事例へ。"
description: "蓄積された制作・施工の記録を、訪問者が内容を理解しやすい写真記事として再構成しました。"
url: "https://boundworks.net/works/content-website/"
language: "ja"
---

# 写真と動画を、仕事の価値が伝わる事例へ。

CASE 03 / Web制作・コンテンツ設計

蓄積された制作・施工の記録を、訪問者が内容を理解しやすい写真記事として再構成しました。

写真・動画の事例ページを制作

## 支援前

写真や動画はあるものの、工程順の記録から全体像をつかみにくい。

## 支援による変化

全景・細部・動画をテーマ別に編集し、一つの事例として読めるページに。

![素材を選び、全景写真、細部の写真、短尺動画の順に配置する事例ページの構成図](https://boundworks.net/works/content-website.svg)

全景から細部へ伝える編集構成の図解（写真・画面の実物ではありません）。

1.  01写真・動画
2.  02分類・編集
3.  03事例ページ

## ご相談の背景

写真や動画は揃っていても、工程順の記録だけでは仕事の全体像が伝わりにくく、見せたい情報を選ぶ作業にも手間がかかっていました。

-   情報設計
-   写真・動画
-   Web実装

## 対応内容

-   写真を分類・確認できるカタログを整備し、素材を選びやすく整理。
-   写真40点超と短尺動画10本超を選び、全景・細部をテーマごとに構成。
-   写真拡大、動画の再生・停止、スマートフォンでの表示を検証。

## 成果物

素材確認用カタログ、写真・動画を組み合わせた事例ページ、公開前の確認環境。

**担当範囲**写真・動画の編集から、公開前に内容と操作を確認できるページの制作まで担当しました。

[支援事例の一覧へ](https://boundworks.net/works/) [Web・写真・動画の支援内容](https://boundworks.net/services/#showcase)

LET’S TALK

## 課題がまとまる前から、ご相談いただけます。

今困っていること、改善したい業務、実現したいこと。  
まずは現在の状況をお聞かせください。

[ご相談・お問い合わせ](https://boundworks.net/contact/)

対応範囲と着手時期は、内容を伺ってご案内します。