お仕事紹介と制作のおはなし:ブランドサイトの制作 〜ページの最適化〜

更新日:2020年7月3日

数ヶ月にかけて進めていた某アウトドアブランドのサイトが先日、無事に公開されました。

今回のサイト制作の概要としては、そのブランドの本国のサイトが存在しそれを日本版として最適化してリリースするといったもので、制作を始めるにあたり最初にいただいた要望は、

「サイトの動作を軽くしてほしい」。

製品をたくさん抱えるブランドサイトの場合、それに伴い使用する画像の数も必然的に多くなっていきます。そうすると、コンテンツの読み込みに時間がかかってしまい正常に表示がされない、ユーザーがページを離れてしまう等のリスクが発生することもあるのです。

要望に応えるために特に3つのことについて注意をしながら制作を進めました。

1. 画像の圧縮

普通に書き出しただけだとファイルサイズが必要以上に大きいままなので専用のツールを通して圧縮、ファイルサイズを小さくします。

2. コードの最適化

SEOを意識する上でも大切なことですが、無駄なコードを残さないという意味ではファイルサイズの節約にもなります。

3. 保守性の良さ

サイトのリリース後の保守や更新作業の際にファイル構造がわかりづらいと、(特に複数人で管理を行う場合)更新を続けていく中で不要なファイルや記述が残ってしまうケースがあります。そうしたことが積み重なることを回避するためにも保守性というのはとても大事なことです 。

以上のことは今回のみならず、サイト制作全般に対して言えることだと思います。

そのほか、先方の方からページUIについても細かにリクエストをいただく等、私自身学ぶ機会が多かった案件でした。

(たなか)

日本人から見る#BLACK LIVES MATTERは対岸の火事か?

【SDGs】私たちが伝えたいこと

関連記事

  1. 会社情報を4枚のスライドで表現してみた

    こんにちは、代表の鈴木です。年末。2026年のインクデザインのある…

  2. 第2回 作戦会議 -コンセプト-

    本日、2014年6月2日(火)第2回目作戦会議です。テーマはコンセプト。…

  3. [制作実績]ショップカード[インキュベーションデ…

    同じ創業支援施設に入居する、ニットのリペア・リメイクのニットキュア様のショッ…

  4. 日記:写真ビギナーがやってみた!人生初のRAW現像作業

    日記:写真ビギナーがやってみた!人生初のRAW現…

    当社代表の潤さんからお借りしたLeicaのカメラで撮った写真、せっかくだか…

  5. ホワイトボードな戦い

    我が社にはホワイトボードがありません。oyama(^o^)丿「ホワイ…

  6. [制作実績]会社案内 E-book

    先日、東証1部上場企業様の会社案内とE-bookの制作を担当させていただきま…

  7. 【インクブログ】印刷×音楽×お酒

    先日、仕事帰りに「リズムアンドベタープレス」にふらりと呑みに。日中は印刷…

  8. 【制作実績】決算説明会資料デザイン

    2022年9月に新規上場された、「解析」を軸にマーケティングソリューション…

PAGE TOP