コンサルティング会社のメディアサイト

既存サイトを一新しました。

• 記事が見つけにくい
• カテゴリーを細かく分けたい

カテゴリやタグをクリックすることで、該当するコンテンツのみを即時に表示するフィルタリング機能を実装。直感的に使えるインタラクションを実現しています。

• フィルタリング機能を実装

  カテゴリやタグをクリックすることで、該当するコンテンツのみを即時に表示するフィルタリング機能を実装しました。

• デザインを忠実に再現

  デザインカンプをもとに、余白やサイズ感、タイポグラフィのバランスまで丁寧に再現。デザインの意図や情報の優先度が正しく伝わるよう実装を行いました。

• 再利用性を高めるBEM設計

  BEM設計をベースに、クラス設計のルールを統一し、可読性と再利用性の高いコーディングを実施。運用や改修時にも保守性の高い設計を意識しています。