WEB制作の実績紹介【200人コーチング企画のLPサイト】

WEB制作の実績

 

今回は、WEB制作の実績を紹介させて頂きます。

この度は、友達であるコーチのサイト制作を担当させて頂きました!

振り返りと共に、ブログにまとめました。

 

WEB制作の実績紹介【200人コーチング企画のLPサイト】

 

具体的には、以下の8つの項目の順番で紹介していきます!

① WEBサイト名

② WEBサイト公開日

③ WEBサイトのタイプ

④ 使用言語

⑤ 担当箇所

⑥ 制作期間

⑦ コメント・意識したポイント

⑧ WEBサイトの全体図

 

興味のある部分から、是非ご覧ください!

 

① WEBサイト名

200人コーチング企画

 

② WEBサイト公開日

2020年12月24日(2021年3月31日まで公開予定!)

 

③ WEBサイトのタイプ

無料でコーチングの凄さを広めるためのLP(ランディングページ)。

1枚のページに、全ての情報を収めました。

 

④ 使用言語

・HTML

・CSS(Sassを使用)

・JavaScript(jQuery)

 

⑤ 担当箇所

具体的には、以下のことを担当しました。

ディレクション(WEBサイトの設計からテキストまで話し合いで決めました)

・HTMLのコーディング全般

・CSSのコーディング全般

・PC、スマホ、タブレットで見やすいようにレスポンシブ対応

・JavaScriptでWEBサイトに動きをつける
(スクロールすると、実績の数字がカウントアップします!)

・画像の容量の圧縮作業
(画像を軽くすることで、ページの表示スピードが上がるため)

・ブラウザごとの挙動チェック
(Google Chrome・Microsoft edge・safari・Android)

 

⑥ 制作期間

2ヶ月ほど。

コーディングだけでなく、制作のディレクションからデザイナーとの打ち合わせまで全部1人で行ったため、時間がかかりました。

 

⑦ コメント・意識したポイント

コーチングの紹介サイトはシンプルの方が合っていると感じたので、シンプルなデザインのサイトに。

WEBサイトに訪問した人が、順番に企画について理解できるように、上から順番に情報を並べました。

個人的な意見になりますが、デザイナーの方と連携したり、制作のディレクションを体験したことで、WEBサイト制作の仕事の全体像を学ぶことができました。

 

⑧ WEBサイトの全体図

LPサイトのパソコンとスマホでの全体図を紹介します!

 

◎パソコンでの全体図

 

◎スマホでの全体図

 

まとめ

以上が、WEB制作の実績の紹介でした!

200人コーチング企画は、来年の2021年3月31日まで行っています。

無料でコーチングを体験することが出来るので、興味ある方はこの機会に是非応募してみてください!

コーチングはzoomで行うことが出来るので、気軽にご参加どうぞ!

 

そして、200人コーチングについての相談がありましたら、以下のコーチのTwitterからDMお願いします!