制作実績

スクリーンショット:光嶋裕介建築設計事務所様 PCサイト
スクリーンショット:光嶋裕介建築設計事務所様 スマートフォンサイト

光嶋裕介建築設計事務所様

2019/12/05

光嶋裕介建築設計事務所は建築家・一級建築士の光嶋 裕介さんが活動する建築設計事務所のホームページです。『建築物からアート作品・プロダクトデザイン・著作に至るまで光嶋様の多角的な活動が伝わるように』というのが、ディレクションを担当して頂いたプロコンセ様からの要望でした。

トップページは新旧問わず様々な作品がランダムに表示されるようにして、サイトを表示する度に違った情報が掲載されるようになっています。サイトから注文やコンバージョンをとったり、具体的な料金のプランを表示をしたりというサイトではなく、作品や事例をアーカイブするのが目的になりますので、ユーザーには楽しんで事例を見てもらえるように制作しました。

本サイトはプロコンセ株式会社様のディレクション・進行管理のもと弊社ではデザインや実装作業を担当させて頂いております。

  • レスポンシブサイトにリニューアル

    最初にPCサイトを作ってから3年後にレスポンシブサイトにリニューアルさせて頂きました。
    訪問者がほぼスマホでしたので、より見やすくするためにリニューアルを開始しました。PCサイトの頃からシンプルで様々な端末で見やすくレイアウトていたので、そこまで大きく変更しないまま、スマートフォン表示の場合のブレイクポイントを作り足しただけのようになりました。

  • 訪問者のサイト内での動き

    サイトを訪問される方が光嶋様の建築物に興味を持った建築ファンの方が多いように思います。サイトの直帰率が大変に低く、サイト内をしっかり見て回る方が多いです。普段はコンバージョンに繋げる事を目的としたサイト制作がほとんどですので、このようにコンバージョンを意識せずに作ったサイトで逆にサイト内の回遊性が高くなった事は新鮮な学びでした。

  • デザインについて

    光嶋様の実績や書籍・既存のロゴを拝見させて頂いて、サイトに使用するフォントやメインのカラー、その他を考えていきました。イメージが明確だったので既存のCIを阻害しないように進めさせて頂きました。当時としては自動で動く箇所が多かったので、コンテンツが自動で動いてもユーザーが閲覧・操作しやすいするのに少し苦労しました。

  • スクリーンショット
    worksページは時系列に並べつつ、画像が縦長だったり横長だったりそれぞれなので、正方形の枠の中に収めるようにしました。
  • スクリーンショット
    aboutページやその他下層ページについても既存のCIを損なわないように丁寧に考えました。
  • スクリーンショット
    プロコンセ株式会社のディレクション・進行管理の元、共同で制作させて頂きました。
    プロコンセ株式会社