Page Menu

WEB

まなクル様WEBサイトリニューアル

まなクル様ウェブサイトスクリーンショット

職業訓練の一環でまなクル様のWEBサイトリニューアルの制作を行いました。
調査からワイヤーフレーム制作まではチームで行い、デザインコンセプト制作以降の工程は個人で行いました。
まなクル様の特長は「二人三脚で学べ、サポートが手厚い」ところで、受講生の就職に協力的であることから、親しみやすいデザインを心がけました。

クライアント
まなクル様
サイト名
まなクル
プロジェクトテーマ
まなクルを広く世の中に認知してもらえるようサービスや特徴がよくまとまったサイトにリニューアル
プロジェクトの目標
フォームからの問い合わせ数アップ
作業内容
調査、設計、デザイン、HTML/CSS/jQueryコーディング
制作期間
調査・設計:約12日
デザイン:約12日
コーディング:約20日

URL: https://suzune-i.com/works/web_manakuru/

制作ドキュメント: PDF※現在作成中

制作フローオーバービュー

各フローの詳細制作ドキュメントはPDFファイルをご覧ください。

PDFはこちら

調査フロー

ペルソナモデルの画像
ペルソナモデル

工夫した点

ペルソナモデル作成は、調べたデータをもとにして作成しました。

詳しい解説は制作ドキュメント(PDF)をご覧ください

設計フロー

デザインコンセプトの画像
デザインコンセプト

工夫した点

デザインコンセプトは、調査フローの結果をもとにして作成しました。

詳しい解説は制作ドキュメント(PDF)をご覧ください

制作フロー

デザインカンプの画像
デザインカンプ

工夫した点

デザインカンプは、選定したデザインコンセプトに合うようなデザインを心がけました。
全体的にシンプルな作りにしたため、バナーにイラストを添えることで単調になりすぎないデザインにしました。

詳しい解説は制作ドキュメント(PDF)をご覧ください

開発フロー

コーディングの画像
コーディング

工夫した点

ユーザビリティを意識したギミックやUI、文章構造の明瞭なHTMLのマークアップを心がけました。

詳しい解説は制作ドキュメント(PDF)をご覧ください