cycle shop Passo Sambolt
架空の自転車ショップ
| タイトル | cycle shop「Passo Sambolt」のサイト |
|---|---|
| サイトURL | https://kakuucycle.mitsu130kg.work/index.html |
| 制作年 | 2021年（制作期間4か月） |
| サイト紹介文 | 架空のロードバイク専門店 「Passo Sambolt（パッソ・サンボルト）」のサイト。5つのページ内リンクのある1ページもののWebになっています。（レスポンシヴ対応：PC/タブレット/モバイル） |
| ターゲット | 10代以上のロードバイクに興味のある方。興味はあっても購入に踏み切れない方。 |
| 担当範囲 | 企画/デザイン/制作 |
| 制作ツール | Dreamweaver、illustrator、Photoshop |
見てる方に注目して頂けるようトップビジュアルには脱jQueryを意識してJavaScriptプラグインのswiperを使ったフルスクリーンの画像と動画を使ったスライダーを実装しました。
スライダーは自転車購入後のワクワク感を喚起させるためにストーリー仕立てにしております。なおスライダー画像の一部はPhotoshopで画像を編集してあります。
ロゴはillustratorで作成しました。
PC版では下スクロール中にナビを非表示、上スクロール時のみナビを表示させる仕組みを実装し、サイトの見やすさを向上しました。
読み手を飽きさせないためにJavaScriptライブラリーのaos.jsを使ってページをスクロールさせると画像や文字がアニメーションする仕組みを実装しました。
