ポートフォリオ
portfolio
ランディングページ
「omron お悩み別歯ブラシ診断」
- 実装機能
- スクロール時の出現アニメーション(jQuery)
- トップページボタン(jQuery)
- スムーズスクロール(jQuery)
- 制作期間
- PCレイアウト(HTML/CSSコーディングのみ): 4日
- スマートフォン・タブレットレイアウト: 2日
- jQueryアニメーション: 2日
- jQueryトップページボタン・スムーズスクロール: 1日
- 計:9日
ランディングページ
「お部屋『モチコム』賃貸サービス MOCHICOM」
- 実装機能
- お問い合わせフォーム(HTML/CSS)
- フォームページへのスムーズスクロール(jQuery,hover機能未完成)
- タブによるメニュー切り替え(jQuery)
- アコーディオンメニュー(jQuery,未完成)
- 制作期間
- 約22日
- 制作時間:5h/日
ランディングページ
「0円スクール」
- 実装機能
- お問い合わせフォーム(HTML/CSS)
- ページ内リンクスムーズスクロール(jQuery,hover機能未完成)
- ハンバーガーメニュー(jQuery)
- プラグイン「swiper」を使用したスライダーメニュー(jQuery)
- fixedトップページボタン(jQuery,未完成)
- 制作期間
- 約18日
- 制作時間:6h/日
ランディングページ
「interview maker」
- 実装機能
- fixedメニュー(HTML/CSS)
- youtubeの埋め込み(HTML/CSS)
- スクロールアップで出現するfixedメニュー(jQuery)
- スクロールダウンで消滅するfixedメニュー(jQuery)
- お問い合わせフォーム(HTML/CSS)
- ページ内リンクスムーズスクロール(jQuery,hover機能未完成)
- ハンバーガーメニュー(jQuery)
- プラグイン「swiper」を使用したスライダーメニュー(jQuery)
- fixedトップページボタン(jQuery,未完成)
- 制作期間
- 約23日
- 制作時間:5h/日
このサイトについて
- 実装機能
- fixedメニュー(HTML/CSS)
- スクロールアップで出現するfixedメニュー(jQuery)
- スクロールダウンで消滅するfixedメニュー(jQuery)
- ハンバーガーメニュー(jQuery)
- スクロールでのフェードイン(jQuery)
- プラグイン「swiper」を用いたスライダー(jQuery)
- 制作期間
- HTML/CSSコーディング(レスポンシブ含む): 3日(18h)
- jQueryコーディング: 3日(18h)
- 内容の手直し: 1日(4h)
- 計:10日(40h)
※紹介したランディングページは
すべて模写になります。