起こしたい人と起こされたい人をマッチングするアプリというユニークなサイトの実装をしました。 スクロールとともにフワッと浮かび上がる文字がかわいらしいイラストとマッチしています。 アニメーションの時間と移動する距離が自然な雰囲気になるように考慮しました。 また、特にカード型のセクションは、レスポンシブにより表示が崩れないか注意しながら進めました。
サイトの柔らかい雰囲気に合わせて、スクロールした際にセクションタイトルがフワッと浮かぶように表示されるアニメーションが特徴的です。 ホバー時のアニメーションなども随所に入れて動きを付けることで、サイトの楽しい雰囲気が伝わるように工夫しました。 他社との比較一覧表の部分は、コードの管理がしやすいようにtableタグを使って実装しました。
コーディング
1ヶ月
ポートフォリオ以外のサイトを開く際に認証をかけています。
ID:web@freedom
パス:kkzz_2861
