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

更新日:2020年7月3日

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

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

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

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

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

1. 画像の圧縮

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

2. コードの最適化

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

3. 保守性の良さ

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

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

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

(たなか)

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

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

関連記事

  1. インクデサインクライミング部

    【インクブログ】デザイナーの為の運動不足解消講座…

    【デザイナーの為の運動不足解消講座!】...ということで、インクデサインク…

  2. 【インクブログ】新たに名刺を作成したら…

    新たに名刺を作成したら…な昨晩のお話。名刺の表面の活版印刷を注文させて…

  3. 今年の流行語大賞ノミネート語をピクトグラムで表現…

    11月初旬に第37回「現代用語の基礎知識」選 ユーキャン新語・流行語大賞の…

  4. 【制作実績】会社案内パワーポイントスライド

    人事制度、組織開発に関わる課題の専門コンサルティングを提供…

  5. facebookページ(URL変更しました。)

    おかけさまで25名様の「いいね!」が集まりましたので、URLを変更することが…

  6. パワーポイントで使えるピクトグラム集(ESG編)…

    2022年明けましておめでとうございます!今年最初の投稿ですが、イ…

  7. 【インクブログ】フェスシーズン到来!

    フェスシーズン到来!インダストリアルでミニマルなビートをきざむ、都市型フェ…

  8. ドローン体験会

    【インクブログ】ドローン体験会、DJI NEW …

    先日ライオンズファシリティさん開催のドローン体験会、DJI NEW PILO…

PAGE TOP