架空LP

OVERVIEW

XDデザインデータからのコーディングで制作しました。制作期間 : 2日

D : demo1

パスワード : demo1-excite

■使用言語

HTML / CSS / Scss / JavaScript

■制作環境

・CSS設計のFLOCSSを採用し、保守・点検をしやすく万が一エラーや制作後の修正がしやすいようにコーディングしました。

・Gulpによる画像圧縮、ペンダープレフィックスの付与、ファイルの圧縮によるサイトスピード向上(ファイルの圧縮はクライアント様が今後修正しやすいように無しにすることも可能です)

■制作時に気をつけたこと

・スマホサイズのメニュードロワーをクリックした際に、メニューの文字をクリックしたと同時にメニュー全体も閉じるようにしています。また、メニューの文字以外の背景部分をタップしてもメニューを閉じれるようにするなど、ユーザビリティに配慮しています。

・OGP設定を行い、SNS等でシェアされる際のクリック率向上を目的に設定しています。


WEBSITE