WakeWonder -
コーポレートサイト
STUDIO
- 概要
- 自社プロダクトのさらなる普及と、ITスタートアップ企業や教育機関・自治体への積極的なアプローチを目的に、会社の事業内容や強みを効果的に訴求できるWEBサイト（自主制作）
- 目的
-
■ 制作目的
ブランド認知と信頼感の向上
Wake Wonder の強みである「高品質なアプリ開発」「ユーザー目線の設計」をオンライン上で分かりやすく伝え、クライアントやパートナー企業に対する信頼感を醸成することを目的としました。
サービス理解の促進と問い合わせ導線の最適化
提供サービスの特徴や開発事例を整理し、ユーザーが必要な情報に迷わずアクセスできる導線を設計。問い合わせや商談につなげることを意識しています。
■ 訴求ポイントと工夫したデザイン要素
1．先進性と信頼感を両立したブランドイメージ設計
コーポレートカラーを基調としたクリーンな配色と、文字サイズ・余白・装飾を細かく調整することで、洗練された印象を表現。
サイト全体で「技術力の高さ」と「信頼できる企業イメージ」を直感的に伝えることを意識しました。
2．直感的に理解できるファーストビュー構成
ファーストビューでは、サービスの価値や特徴を一目で理解できる構図を採用。
視覚情報とキャッチコピーのバランスを整え、ユーザーが「どのサービスが自分に合うか」を想像できる余白を残すことで、初見ユーザーにも分かりやすい設計にしています。
3．事例・サービス紹介もトーンを統一
開発事例やサービス紹介のセクションでは、写真・アイコン・テキストを組み合わせ、ブランドトーンを崩さずに情報を整理。
視覚的に読みやすく、情報過多にならないよう調整することで、企業としての信頼感を損なわないデザインにしました。
4．迷わないユーザー導線と視認性の高いレイアウト
サービス、事例、問い合わせなど、ユーザーが求める情報への導線を整理。
コンテンツの区切り・余白・文字配置を工夫し、情報が直感的に理解できるレイアウトを設計。
ユーザーが迷わず必要な情報にたどり着けるUIを実現しました。
- ターゲット
- １.開発リソース・経験が不足するIT系スタートアップ企業 ２.アクセシビリティや安全性を重要視する教育機関や自治体 3.アプリ開発の知識や経験が不足している中小企業
- 担当範囲
- 要件定義/ワイヤーフレーム/デザイン/サイト作成（STUDIO）
- 制作期間
- 6週間（要件定義・WF・デザイン 3週間｜実装 3週間）
- 使用ツール
- Figma/Canva/Studio
- アニメーション等
- ローディングアニメーション/アイコン・イラストのアニメーション（service）/ホバーアニメーション
