英会話スクールのデモサイト

hiro.yamada

ご訪問ありがとうございます。

お手数ですが、以下の情報からアクセスしてください。

サイトURL：https://my-code.site/engress/

ユーザーネーム：pass

パスワード：pass

構成

トップページ、下層4ページ（お知らせ、ブログ、コース・料金、お問い合わせ・資料請求）

開発環境

・ツール

VScode、XD、Local、Perfect Pixel

・スキル

 HTML、CSS、JavaScript、jQuery、WordPress、PHP

・PC

Windows、Mac

デザインカンプファイル

XD

作業時間

50時間

コーデング精度

・Windows、Mac両方のブラウザ(Chrom, Safari, Edge, Firefox)でデザイン崩れを確認し、Macによくみられるデザイン崩れを無くす。

・Perfect Pixelを使用しデザインを高精度に再現

コーディング品質

ChromeのLighthouse機能でサイト品質をチェックし、Performance、Accessibility、Best Practice、SEOの4項目で90点以上を確保

・デスクトップ表示の際の本サイトの評価

・スマホ表示の際の本サイトの評価

ワードプレスの実装

・カスタム投稿（お知らせ、ブログページ）

・カスタムフィールド（トップページのTOEFL成功事例、コース・料金ページの料金表内の月額）

　ブログを編集する感覚で利用者様がサイトの文字や画像を変更可能にできます。

・トップページへのカスタム投稿情報の呼び出し

　PHPでどのページにもWord Pressの投稿の情報を呼び出すことが可能です。

 ・お問い合わせ・資料請求ページにメールフォーム用にMW WP Form を使用

アニメーションの実装

・ハンバーガーメニュー

・アコーディオンメニュー（トップページのよくある質問）

・スクロールラベル（コース・料金ページの料金表(レスポンシブ時)）

上記以外にも多様なアニメーションの実装が可能です。

ありがとうございました。

以上