複数事業（WEBデザイン・制作／EC運営／制作実績／不用品回収・買取）への導線を1ページに集約したポータルサイトを制作。左カラムは Swiperの自動スライドで世界観を演出し、右カラムに主要CTAを整理して迷わず目的ページへ遷移できる設計にしました。
動きのあるエフェクトを多数入れました！
JavaScriptでは オープニングのカーテン演出→ロゴ/キャッチコピーのマスク表示を連動させ、初回の印象を強化。CSSでは各ボタンに 黒塗りが伸びるホバー、BLOGに 揺れアニメ＋ホバー反転、丸の画像の回転、二頭身アイコン画像に時間差でぴょんと動く動作、SNSアイコンに 色反転ホバーを実装し、操作感と視認性を高めています。
JavaScriptでは オープニングのカーテン演出→ロゴ/キャッチコピーのマスク表示を連動させ、初回の印象を強化。CSSでは各ボタンに 黒塗りが伸びるホバー、BLOGに 揺れアニメ＋ホバー反転、丸の画像の回転、二頭身アイコン画像に時間差でぴょんと動く動作、SNSアイコンに 色反転ホバーを実装し、操作感と視認性を高めています。
使用ツール
illustrator/Photoshop/Adobe Firefly/Html/CSS/JavaScript
