制作概要

人に寄り添う温かさをコンセプトに制作したポートフォリオサイトです。
ローディングアニメーションとファーストビューでは、ローディング中の離脱を防ぐため、四角が跳ねる動きやフェードインなどのアニメーションを加え、待ち時間もストレスにならない設計にしました。
ファーストビューにはフェード切り替えのSwiperを使用し、スクロールせずとも実績が見られる設計にしました。
Animationセクションでは、SwiperにGIFを組み込み、アニメーション作品を閲覧できるようにしています。
また、サイトスピードを落とさないよう、GIFの秒数を必要最小限に調整し、パフォーマンスへの配慮も行っています。
Aboutセクションでは、人となりが伝わるよう、自分で撮影した好きなものや旅の思い出をSwiperでゆったり流し、写真から人物像が伝わる工夫をしています。
サイト全体では、温かい雰囲気を壊さないよう、スクロールに応じてふわっと出現するアニメーションを実装しています。
ユーザー体験とパフォーマンスのバランスを意識し、「心地よい動き」と「読みやすさ」を両立した構成を心がけています。