過去にDJをされていて現在は現役時のレコードを販売されています。今回はコーポレートサイトのご要望があり制作しました。ブログ機能も搭載しております。このサイトはpulse cmsというめずらしいCMSを導入しています。この時のpulse cmsは静的CMSというもので、ものすごく話題になりました。
URL:https://djkazu-owner.supervinyl.net/
プロジェクトの流れ
構成について
トップのメインビュジュアルはカルーセル(スライダー)となっております。弊社ではslickやbxsliderを定番と提案してつかっておりましたが、今回はいつもと違うスライダーをご提案しております。
radial-svg-sliderというカルーセルになります。次へ前へボタンにマスクがかかっており、次のメインビュジュアルの一部がみえており送り出すときに次のスライダーへのアニメーションが施されています。
メインビュジュアルの素材とそれにかかるテキストもすべてかわってスライダーをします。
またコンテンツをアニメーションにて表示することにより、コンテンツに動きをもたせています。
デザインについて
キャラクターから素材まですべて書かせていただきました。アメコミを沸騰させる感じにしています。コンテンツは罫線で囲うことにより各コンテンツをわかりやすく分類して見せるようにしています。
コーディング・マークアップについて
アニメーションが多いので、サイト自体ができるだけ重くならないように軽量化をするようにしています。またWEBサイトの土台が今回がpulse cmsというCMSを採用しているので、CSS設計は重点にしています。保守性と可続性と再利用性を重視しているのでコンテンツが追加されてもメンテナンス性のある設計にしてコーディングをしています。SEOを意識したコーディングをしています。
運用について
クライアント様の方でコンテンツ更新ができるようにしています。ブログ以外のページも簡単に更新が可能となっています。
- コーポレートサイト
- レスポンシブデザイン
- 新規サイト