Okabe Portfolio

Project

電子請求書発行システム 製品プロモーションサイト

https://www.rakurakumeisai.jp/
  • サイトリニューアル
  • 新規デザイン作成

製品のブランディングに伴い、製品プロモーションサイトのリニューアルを実施。

Structure

プロジェクト体制

チームメンバー
ディレクター(1名)、デザイナー(1名)、フロントエンドエンジニア(1名)、下層ページの量産は外注制作会社と協業
担当範囲
ブランディング、Webデザイン制作、デザインシステム構築
使用ツール
AdobeXD、photoshop
プロジェクト期間
2023年6月〜2023年10月(4ヶ月)

Requirement

プロジェクト要件

目的

シリーズ製品のクロスセル戦略の促進に伴う、ブランドイメージの統一
ブランド・アイデンティティの訴求に伴う認知拡大、独自性の確立

ターゲット

企業の経理担当者(toB)

要望

定義したブランドガイドパーソナリティをWebデザインに落とし込んで表現してほしい

Approach

課題解決

課題01

洗練されたイメージを訴求できていない

解決策01

デザイン表現、モジュール使用ルールの統一を行うことで、洗練した印象に

課題 02

製品シリーズ全体としてのイメージ訴求ができていない

解決策02

製品サイト内の表現を可能な限り統一することで、製品シリーズのイメージを訴求

課題01

洗練されたイメージを訴求できていない

リニューアル前の問題点

解決策01

デザイン表現、モジュール使用ルールの統一を行うことで、洗練した印象に

余白について

全体的に大きく余白を取り、コンテンツの区切りを明確にわかりやすく整理

文字サイズについて

用途別にルール化

カラーについて

以下の使用ルールで統一

モジュールについて

ユニークなデザインにするモジュールを最小限にし、
できるだけモジュールの重複がないように用途別に精査して使用ルールを定義

As is

To Be

課題02

製品シリーズ全体としてのイメージ訴求ができていない

各製品の依頼を個々で対応していため、シリーズ全体で統一するための取りまとめができていなかった

解決策02

製品サイト内の表現を可能な限り統一することで、製品シリーズのイメージを訴求

各製品担当デザイナーと連携しながら、デザイン表現を統一

実績一覧へ