Facebook 【デザイン→サイト構築】B2B SaaS 向けランディングページ「マネシェフ」
Logo

【デザイン→サイト構築】B2B SaaS 向けランディングページ「マネシェフ」

クレジット
Avatar
WEBデザイナー
【デザイン→サイト構築】B2B SaaS 向けランディングページ「マネシェフ」-1
シェア

【デザイン→サイト構築】B2B SaaS 向けランディングページ「マネシェフ」

Figmaでデザインカンプを作り、studioでサイトを構築しました。 \実際のサイトはこちら/ https://lp-manashif.studio.site/ 1.概要  飲食店などのシフト管理を効率化するSaaSアプリ「マネシェフ」の紹介LPです。 「パソコンいらず、スマホひとつで完結」という製品の強みを、ターゲットである多忙な現場責任者へ直感的に届けることを目的として制作しました。 2.コンセプト:徹底した「ノイズの排除」と「直感性」 ・認知負荷の軽減  現場で忙しく動くユーザーが、一目でメリットを理解できるよう、装飾的な要素を排して視覚的な優先順位を明確にしました。 ・デバイスの対比によるベネフィット提示  モニターとスマートフォンの対比画像を中央に配置し、「PC不要」という利便性を視覚的に一瞬で理解できる構成にしています。 3.デザイン・構築の意図 ・信頼感を生む配色とタイポグラフィ  B2B商材にふさわしい誠実さを感じさせるブルーを基調とし、数字やキャッチコピーは「伝わりやすさ」を最優先にサイズとウェイトを調整しました。 ・行動を促すCTA設計  ユーザーがどのセクションにいても次のアクション(無料トライアル)へ迷わず進めるよう、視認性の高いオレンジをアクセントカラーとして採用しています。 4.制作プロセス ・使用ツール  Figma(デザイン), Studio(構築・実装) ・担当範囲  構成案作成 / デザイン / Studio構築
クレジット
Avatar
WEBデザイナー
シェア
Washio-Dの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【デザイン→サイト構築】B2B SaaS 向けランディングページ「マネシェフ」-1

【デザイン→サイト構築】B2B SaaS 向けランディングページ「マネシェフ」

Figmaでデザインカンプを作り、studioでサイトを構築しました。 \実際のサイトはこちら/ https://lp-manashif.studio.site/ 1.概要  飲食店などのシフト管理を効率化するSaaSアプリ「マネシェフ」の紹介LPです。 「パソコンいらず、スマホひとつで完結」という製品の強みを、ターゲットである多忙な現場責任者へ直感的に届けることを目的として制作しました。 2.コンセプト:徹底した「ノイズの排除」と「直感性」 ・認知負荷の軽減  現場で忙しく動くユーザーが、一目でメリットを理解できるよう、装飾的な要素を排して視覚的な優先順位を明確にしました。 ・デバイスの対比によるベネフィット提示  モニターとスマートフォンの対比画像を中央に配置し、「PC不要」という利便性を視覚的に一瞬で理解できる構成にしています。 3.デザイン・構築の意図 ・信頼感を生む配色とタイポグラフィ  B2B商材にふさわしい誠実さを感じさせるブルーを基調とし、数字やキャッチコピーは「伝わりやすさ」を最優先にサイズとウェイトを調整しました。 ・行動を促すCTA設計  ユーザーがどのセクションにいても次のアクション(無料トライアル)へ迷わず進めるよう、視認性の高いオレンジをアクセントカラーとして採用しています。 4.制作プロセス ・使用ツール  Figma(デザイン), Studio(構築・実装) ・担当範囲  構成案作成 / デザイン / Studio構築
クレジット
Avatar
WEBデザイナー
シェア
Washio-Dの他の作品
foriio

あなたのforiioを無料で作成

fori.io/