ホームページ「猫カフェ NEKO MAMIRE」(架空サイト)
製作期間:2か月程度
使用技術:HTML,CSS,jquery
猫カフェということで、サイト内に猫の写真やイラストなどをふんだんに使って、とにかく猫をアピールしました。でも、ごちゃごちゃし過ぎないようにメニューやコンセプトなど伝えたり箇所はメリハリが出るようにしました。
苦労した点は、Catsやフード&ドリンクページのコンテンツ間の幅の微調整、トップページのCats Diaryのデザインなどは、色使いをどうするか、それぞれの要素をどこにどのように配置するかなど何度も作り直し、試行錯誤を繰り返しました。
また、遊び心も表現したかったので、フード&ドリンクページで、下にスクロールしていくと猫たちが順番にフェードインしてくる動きをjqueryで実装しました。