font-cursive

MY PRODUCTS
これまでに制作した物の一部をご紹介いたします。
ランディングページ
DATA
-制作内容
ランディングページ(1ページ),レスポンシブ対応
-担当範囲
-使用技術
HTML, Sass(CSS), jQuery
-Plugin
Drawer.js, Wow.js (jQuery)
ABOUT

実在するブランド様の許可をいただいてAdobe XDのデザインデータをもとに、HTML/CSSコーディングいたしました。アニメーション(wow.js)を使ってふんわりと画像が表示されるように工夫しました。



ランディングページ 
DATA
-制作内容
ランディングページ(1ページ),レスポンシブ対応
-担当範囲
-使用技術
HTML, Sass(CSS), jQuery
-Plugin
Drawer.js, Wow.js, Swiper.js (jQuery)
ABOUT

ランディングページのコーディングサンプルです。Adobe XDのデザインデータをもとに、HTML/CSSコーディングいたしました。ピクセル単位で調整し、レスポンシブ対応済みです。スライダー、アコーディオン、Google Mapの埋め込み、お問い合わせフォームなどランディングページに頻出する機能を実装しております。



LPデモサイト
DATA
-制作内容
ランディングページ(1ページ),レスポンシブ対応
-担当範囲
-使用技術
HTML, CSS, Bootstrap
-Plugin
ABOUT

Boostrap(CSSのフレームワーク)を使ってランディングページ(デモサイト)を作成しました。Boostrapはテンプレートが多数あり素早く作業をすることができます。