The Company LPサイト
OVERVIEW
架空の会社「The Company」のLPサイト制作を実施。コーディングとサイトのアップロードを行った。使用言語やツールは、HTML5&CSS3/Sass (scss)/jQuery/JavaScript/Visual Studio Code。
※Basic認証 ID:test パスワード:password
架空の会社「The Company」のLPページのコーディングを実施。
メインビジュアルはスライダーとなっており、この他にもヘッダーメニューにスクロールスパイ機能をつけたり、Google Mapsの埋め込みを行ったり、Q&A部分をアコーディオンにするなど、いろいろな機能を設けている。
作業実施箇所
- コーディング
- サイトのアップロード
使用言語や使用ツール
- HTML5&CSS3
- Sass (scss)
- jQuery
- JavaScript
- Visual Studio Code
ページ数
1ページ(LP)
気をつけた点
- ピクセルパーフェクトを常に意識し、サイト完成図の画像と適宜照らし合わせ、微調整を行いながら、コーディングを行なった。
- できる限り保守性の高いコードを書くことを意識し、クラスの命名やタグ構造をどのようにするかについて気をつけるようにした。
利用素材、参考にしたものなど
- サムネイル写真のモックアップ素材 … “Psd Minimalist Web Showcase | Psd Web Elements | Pixeden”
- 「The Company LPサイト」のサイトデザインは、2020年3月末まで無料公開されていた、東京フリーランスさん(https://tokyofreelance.jp/)によるWebサイト制作学習プログラム「30DAYSトライアル」より。