案件概要

ワークブースのサブスクリプションサービスを紹介するランディングページのデザイン・コーディングを担当しました。

「サブスクという“支払い方”」と「ワークブースという“商品”」の両方を訴求する必要があり、構成や見せ方のバランスに苦慮しましたが、まずは商品そのものに興味を持ってもらうことを優先し、ブースの特性が直感的に伝わるデザイン構成を意識しました。

また、実際の導入イメージを持ってもらえるよう、事例写真も多く取り入れながら具体的な利用シーンが想像できるよう工夫しています。

※本ページは、その後の全社的なWebリニューアルに伴い、現在は公開されていません。

対応範囲

  • ページデザイン(PC/スマートフォン)
  • HTML/SCSSでの静的コーディング
  • レスポンシブ対応
  • 写真・要素の見せ方による情報整理と訴求力の強化

こだわったポイント

  • 「商品」と「サービス形態」両方を過不足なく伝えるため、視線誘導や情報の階層整理を工夫
  • 実際の導入事例を交えることで、利用イメージが湧きやすい構成に
  • スマートフォンでの閲覧時にも視認性と操作性を損なわないデザインを追求

デザインデータ

Mimu Fujiwara

フリーランスのテクニカルPM/Webディレクター。 Webサイトのリニューアルや改善の相談を受ける中で、「本当に解決したいこと」と「依頼内容」が少しずれている場面によく出会います。 依頼されたものをそのまま作る前に、目的や課題、運用状況を整理し、「何を作るべきか」から一緒に考える立場で関わっています。 WordPressやHubSpotなどのCMS案件を中心に、要件整理・情報設計・技術調整・運用改善までを横断して支援。公開して終わりではなく、その後も無理なく運用・改善できる状態をつくることを大切にしています。