「株式会社ZAWA-ZAWA」
架空のグッズ制作会社

架空のグッズ制作会社

制作概要

キャラクターグッズ・アーティストグッズ・アパレルグッズ・ノベルティ等の雑貨を製造する会社の架空サイトです。
TOPページのみ制作し、WordPressで構築しました。

メインビジュアルの文字「2023 SPRING」はお知らせと連動しており、追加されたお知らせの年・月に応じて表示されるテキストが切り替わります。
その他製品情報が投稿されると、製品のカテゴリーに応じて、カテゴリーの新着情報が更新されます。

担当範囲 コーディング、WordPressオリジナルテーマ制作
制作期間 11日
使用ツール HTML、CSS、jQuery、Sass、Gulp、WordPress
依頼者 -
サイトURL https://www.hassakuworks.com/work09/
※デモサイトのユーザー名:hassaku、パスワード:hassaku

実装機能

▼WordPressの投稿機能
お客様ご自身でサイトの更新が可能なサイトです。
「お知らせ」と「新製品の情報」を管理画面から更新できます。

「お知らせ」を更新すると、新着のお知らせが表示され、メインビジュアルの「2023 SPRING」が投稿日に連動し切り替わります。
「新製品の情報」を更新すると、製品のカテゴリーが「LATEST」の部分で更新されます。

▼スライダーの実装
メインビジュアルの3枚の画像にはスライダーが実装されており、ボタンを押すと画像が切り替わるようになっています。

▼アニメーションの付与
素敵なサイトデザインだったので、サイトの雰囲気を壊さないよう、かつお洒落な雰囲気にまとまるよう、
ページのスクロールに合わせてセクションがふわっと表示されるアニメーションを付与しました。