ディレクションデザイン実装・コーディングコーポレートサイト みらスタ|MILAIイノベーション株式会社サービスサイト 思考教育プログラム「みらスタ」を展開する、MILAIイノベーション株式会社様のサービスサイトです。 https://www.milai-study.jp/ 実装・コーディング デザイン ディレクション TAKA このクリエイターの作品一覧を見る 担当者コメント 既存サイトのリニューアルにおいて、設計からデザイン、コーディング、WordPress実装まで、全工程を担当させていただきました。 【ディレクション・設計】 これまでの利用者から具体的な要望をヒアリングし、 印刷可能な教材サンプルをWebサイトからダウンロードできる機能を新たに導入しました。 また、新規顧客の獲得に向けては、 セールスコピーの基本構成「結果→実証→信頼→安心」を意識したページ構成を設計しました。 【デザイン】 メインターゲット層となる年長~小学校低学年向けに、 親しみやすさとやわらかな印象を与えるデザインを心がけました。 また、配色を含むデザイン要素全般において、Googleのマテリアルデザインを基本としました。 これにより、デザイン面からのSEO対策にも配慮しています。 【実装・コーディング 】 WordPressでは、オーナー様が簡単に管理・更新できるよう、 投稿タイプを「新着情報」「みらスタの教材」「利用者の声」「導入事例」の4つに分けて実装いたしました。 さらに、入力欄をわかりやすくするためにカスタムフィールドを導入しています。 アニメーションは過度にせず、シンプルで視覚的に心地よいものに仕上げました。 CSS設計にはFLOCSSを採用し、保守性の高いコーディングを実現しています。
実装・コーディング デザイン ディレクション TAKA このクリエイターの作品一覧を見る 担当者コメント 既存サイトのリニューアルにおいて、設計からデザイン、コーディング、WordPress実装まで、全工程を担当させていただきました。 【ディレクション・設計】 これまでの利用者から具体的な要望をヒアリングし、 印刷可能な教材サンプルをWebサイトからダウンロードできる機能を新たに導入しました。 また、新規顧客の獲得に向けては、 セールスコピーの基本構成「結果→実証→信頼→安心」を意識したページ構成を設計しました。 【デザイン】 メインターゲット層となる年長~小学校低学年向けに、 親しみやすさとやわらかな印象を与えるデザインを心がけました。 また、配色を含むデザイン要素全般において、Googleのマテリアルデザインを基本としました。 これにより、デザイン面からのSEO対策にも配慮しています。 【実装・コーディング 】 WordPressでは、オーナー様が簡単に管理・更新できるよう、 投稿タイプを「新着情報」「みらスタの教材」「利用者の声」「導入事例」の4つに分けて実装いたしました。 さらに、入力欄をわかりやすくするためにカスタムフィールドを導入しています。 アニメーションは過度にせず、シンプルで視覚的に心地よいものに仕上げました。 CSS設計にはFLOCSSを採用し、保守性の高いコーディングを実現しています。
担当者コメント
既存サイトのリニューアルにおいて、設計からデザイン、コーディング、WordPress実装まで、全工程を担当させていただきました。
【ディレクション・設計】
これまでの利用者から具体的な要望をヒアリングし、
印刷可能な教材サンプルをWebサイトからダウンロードできる機能を新たに導入しました。
また、新規顧客の獲得に向けては、
セールスコピーの基本構成「結果→実証→信頼→安心」を意識したページ構成を設計しました。
【デザイン】
メインターゲット層となる年長~小学校低学年向けに、
親しみやすさとやわらかな印象を与えるデザインを心がけました。
また、配色を含むデザイン要素全般において、Googleのマテリアルデザインを基本としました。
これにより、デザイン面からのSEO対策にも配慮しています。
【実装・コーディング 】
WordPressでは、オーナー様が簡単に管理・更新できるよう、
投稿タイプを「新着情報」「みらスタの教材」「利用者の声」「導入事例」の4つに分けて実装いたしました。
さらに、入力欄をわかりやすくするためにカスタムフィールドを導入しています。
アニメーションは過度にせず、シンプルで視覚的に心地よいものに仕上げました。
CSS設計にはFLOCSSを採用し、保守性の高いコーディングを実現しています。