WORK 04 WEB DESIGN / FRONT-END
超・夢占い様
夢の世界観を、Webの体験に。
デザイン・フロントエンド実装
OVERVIEW
夢の意味を診断できる「超・夢占い」様のWebサイトを制作。夜空や雲をモチーフにしたデザインと、ふわふわ動く表現で、夢の世界観をかたちにしました。
- CLIENT / PROJECT
- 超・夢占い様
- WHAT WE DID
- WEBSITE / APP
- 超・夢占いのサイトを見る ↗
OUR ROLE
リベランが担当したこと。
サイトデザインと、HTML・CSS・JavaScriptによるフロントエンド実装を担当しました。PHPの開発を行うお客様と協力し、夢占いの世界観を画面と動きで表現しています。
- サイトデザイン・ロゴの表現
- HTML・CSS・JavaScriptのフロントエンド実装
- 浮遊アニメーション・見出しの文字アート
夜空と水彩で、やわらかい世界観を。
藍色から薄紫色へのグラデーションを背景に使い、ロゴには水彩調の羊を描きました。淡い色の重なりで、夢占いに合うやわらかい雰囲気をつくっています。
読む体験にも、ちいさな工夫を。
夢占い鑑定では、雲のような吹き出しにCSSの浮遊アニメーションを取り入れました。文字が多いページの見出しには文字アートを用い、読み進めるときのアクセントをつけています。
開発パートナーと、それぞれの得意を。
PHPのプログラマーであるお客様と協力し、RibelanはサイトデザインとHTML・CSS・JavaScriptによるフロントエンド実装を担当しました。
制作した画面・デザイン。
