WORKS
CORPORATE 2026.07.17

KAGA Corporation Corporate Site

加賀建設 コーポレートサイト

石川県金沢市・金石で、港湾の土木工事から建築、飲食、まちづくりまでを手がける加賀建設のコーポレートサイト。5つの事業が別々の話に見えないよう、画面に置いた一つの円が形を変えながら最後まで付き添うアニメーションを制作しました。円は読み込みを数えるローダーから、事業写真を帯に映すリング、番号を抱えたインジケーターへと姿を変えます。ページを移動しても消えずに残り、そのまま次のページの見出しへつながります。実装は自社で更新できる CMS のオリジナルテーマです。igram はフロントエンドとモーション、CMS 設計を担当しています。

Persistent Ring

Page Transition

Scroll Sections

INFO

ROLE

  • Frontend
  • Motion Design
  • CMS Design

TAGS

  • #WEB
  • #GSAP
  • #ScrollTrigger
  • #Barba.js
  • #Lenis
  • #Splide
  • #Lottie
  • #Canvas
  • #TypeScript
  • #Vite
  • #Frontend
  • #Motion Design
  • #CMS
  • #コーポレートサイト