Art Fest 2024イベントのイベント詳細ページ＋チケット購入サイトです。
URL
https://neoartfest.xhakuray.com/
担当
デザイン・コーディング
サイトの目的
WordPressでアートイベント情報＆チケット予約サイトでイベントの紹介をする目的
使用技術
HTML/CSS/JavaScript/jQuery/レスポンシブ対応/WordPress
デザイン・コーディングについて
・ナビゲーションにマウスカーソルを合わせるとグラデーションのアニメーションが表示されユーザー体験を与える。
・ローディング画面に現れる文字は経過時間でだんだん現れるようSVGを使用したアニメーションをJavaScriptで実装。そしてメインビジュアルが出てくることでアートイベントに合った演出を取り入れる。
・Artistセクションで2枚のカードが3D的に動くアニメーションをJavaScripで実装。パララックス効果取り入れ、スタイリッシュさを感じさせアーティストの紹介をしています。