立体工房

パッケージブランドサイトの新規制作依頼を頂き、コーディングを担当しました。

カテゴリー

形状 > 組箱、アイテム > お菓子 のように親子階層のカテゴリーになっています。
将来的に分類項目が増えた場合でもレイアウトが崩れにくいよう、拡張性を考慮し実装しました。

Ajaxでの記事読み込み

特集ページ記事一覧には、Ajaxを用いた非同期読み込みを採用。
「もっと見る」ボタンをクリックして初めて次の記事が読み込まれるため、初期読み込みの軽量化と、ページ遷移のないスムーズな回遊性を両立させています。
また、読み込み中にはローディングアニメーションを表示し、視覚的なフィードバックにも配慮しました。