メガスタ総合ポータルサイト Works

URL	https://www.online-mega.com
制作期間	2020年5月〜2020年7月/約2ヶ月
制作チーム	6名（マネージャー、デザイナー・コーダー）
使用ツール/言語	HTMLCSSPHPJavaScriptjQueryWordPressPhotoshop
担当作業	コーディングディレクションコードレビュー

■ 概要

オンライン家庭教師事業の各学年ごとに別れたサービスサイトのポータルサイトの位置づけで制作をしました。 既存のソースではなくすべてを新規構築する案件で、WordPressの導入や、オリジナルテーマ等をすべて新規作成をしました。 作業としてはデザインが出来上がり次第、コーディングで反映するといった内容ではあったが、デザイン確認がスムーズに行かず結果コーディングできる時間が短かったため急ぎの案件でした。 またこの際にチームメンバーのコーディングのレビューとディレクションも同時に行い、フィードバックをしながら自分の作業をすすめるといった点が大変でした。

■ 制作ポイント

新規構築案件であったため、余計な記述などはなるべく減らしつつ、更新性を考慮して保守しやすくできるように設計・構築をすることを心がけた。 またレスポンシブにも完全に対応するために、配慮したコーディングを行い、結果的に全デバイスである程度表示崩れが起きないような可変的なコーディングを行った。 サイトの表示速度の改善の一環で画像の遅延読み込みや、次世代フォーマットへの変換も同時に行った。