madeby.studio｜環境性能とウェブサイトの成果
英国リーズの制作会社madeby.studio（メイドバイ・ドットスタジオ）は、低炭素なウェブサイトの設計・開発と、企業の事業成長を支えるデジタル施策を手がけています。
コードや画像の軽量化、情報設計の改善を通じて、環境負荷を抑えながら、利用者が情報を探し、行動しやすいウェブサイトを目指しています。
ウェブサイトの軽量化は、表示速度や使いやすさにも関わります。利用者が必要な情報に迷わず、すばやくたどり着けるようにし、製品やサービスの価値を分かりやすく伝えることは、問い合わせなどの行動を支えるうえでも重要です。
今回は、同社の制作方針とClearworldのサイト刷新を通じて、環境性能とウェブサイトの成果をあわせて考える取り組みを紹介します。
1. 環境性能を、使いやすさや事業目標とともに考える
madeby.studioは、設計・開発・配信の各段階で、表示パフォーマンス、ユーザビリティ、環境負荷を考慮する方針を掲げています。
主な取り組みには、不要なコードやデータ転送の削減、モバイルを優先した設計、ウェブアクセシビリティへの配慮、グリーンホスティングの利用があります。公開後も更新しやすく、事業の変化に対応できる構成を重視しています。
2. Clearworldのサイトで、軽量化と情報設計を改善
英国で無線通信を活用したエネルギー管理システムを提供するClearworldでは、製品の進化に対し、ウェブサイトでその価値を十分に伝えられていないことが課題でした。
利用者が製品を理解し、問い合わせに進みやすい構成への改善が求められていました。
madeby.studioは、文章やページ構成を整理し、製品の機能や導入のメリットを分かりやすく伝えるようにしました。同時に、コードや画像などを最適化し、ページの軽量化と表示の高速化を図りました。
問い合わせフォームも見直し、利用者の目的や課題を把握できる項目を設けました。また、入力情報を顧客管理システムのHubSpotと連携し、担当者が相談内容を把握して対応できるようにしました。
ページを軽くする技術的な改善と、必要な情報を見つけて問い合わせに進みやすくする改善を、あわせて行った事例です。
3. 環境性能と利用者の行動を両面から確認
madeby.studioは、Clearworldの事例で次の結果を公表しています。
情報設計や訴求内容も同時に改善しているため、平均クリック率の増加は、サイト刷新全体の成果と言えるでしょう。
- Website Carbonの評価：A
- ウェブサイトのパフォーマンススコア：97点
- 平均クリック率（CTR）：65.2％増加
注記：環境性能とパフォーマンスの評価は、サイト公開直後のデスクトップ環境での測定結果として、madeby.studioが公表したものです。
4. まとめ
madeby.studioの取り組みは、環境性能と、ウェブサイトが事業に果たす役割をあわせて考える事例です。
軽量化で読み込みを速めるとともに、情報を整理して目的のページにたどり着きやすくする。こうした改善を進め、環境性能と利用者の行動の両方を確認することが、サイトの見直しや、サステナブルなウェブサイトの構築の参考になります。
