今回は、WEB制作の実績を紹介させて頂きます。
この度は、友達であるコーチのサイト制作を担当させて頂きました!
振り返りと共に、ブログにまとめました。
WEB制作の実績紹介【200人コーチング企画のLPサイト】
具体的には、以下の8つの項目の順番で紹介していきます!
① WEBサイト名
② WEBサイト公開日
③ WEBサイトのタイプ
④ 使用言語
⑤ 担当箇所
⑥ 制作期間
⑦ コメント・意識したポイント
⑧ WEBサイトの全体図
興味のある部分から、是非ご覧ください!
① WEBサイト名
② 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で行うことが出来るので、気軽にご参加どうぞ!
◎お申し込みは以下のURLから!
https://docs.google.com/forms/d/e/1FAIpQLSd27qIkVRsgOKvHNBZ-E-WJ0jtLp5thR7e2pic90kwHBsrsgQ/viewform
そして、200人コーチングについての相談がありましたら、以下のコーチのTwitterからDMお願いします!