株式会社KEEPs | 雨漏りの窓口キープス
柔らかなアイボリーやペールピンク、イエローといったパステル調の暖色を背景に敷き詰め、テキストには黒ではなく温かみのあるブラウンを採用した、極めて優しく親しみやすい配色。雨漏りや外壁塗装という、困っている時に助けてくれる安心感を全ターノカラーで表現しています。構成の最大の特徴は、ファーストビューからサイト全体に広がる、街と人々を描いた絵本のようなイラストレーションと、丘のように緩やかな曲線で区切られたセクションレイアウトです。家を単なる物件としてではなく、人々の温かい生活の場として温かく描くことで、サービスの大切なコンセプトである「安心を暮らしに。」というメッセージを情緒的に伝えています。また、料金プランや管理のステップといった複雑になりがちな情報も、角を丸めたカードUIやアイコンを用いてスッキリと整理されており、視覚的なノイズが全くありません。スクロールに合わせて背景の丘が連なっていくような構成は、ユーザーに安心感を与えながら、自然とサービス内容の理解からお問い合わせへと導きます。堅苦しさを完全に排除し、徹底的にユーザー目線で優しさと使いやすさに寄り添った、サービスサイトのお手本のような導線設計です。
ファイビーと走れ腸特急 | Fibee | ミツカングループ
商品の世界観とタレントの魅力を掛け合わせた、ポップで親しみやすいデザインです。基調色には淡いグリーンと柔らかなピンクを採用し、商品のパッケージカラーと連動した統一感のある配色を構成しています。アクセントに鮮やかなイエローを用いることで、画面全体に明るくポジティブなコントラストを生み出しています。配置された写真は明度と彩度が高く、メンバーの生き生きとした表情や商品のディテールをクリアに伝えています。タイポグラフィには丸みを帯びたポップなゴシック体や装飾的なフォントを採用し、見出しと本文で明確なウェイト差をつけることで、楽しげな雰囲気と情報の読みやすさを両立させています。レイアウトは中央揃えの見えないグリッドをベースに情報ブロックを整然と配置しつつ、背景の境界を雲や波のような柔らかな曲線で区切ることで、まるで絵本を読み進めるようなワクワク感のある視線誘導を実現しています。スクロールに伴うモーションは、各要素がポップなアニメーションでフェードインし、賑やかなイメージを表現しています。随所にCTAを設置し、ユーザーがアクションにスムーズに移れる設計です。
あまの皮ふ科
クリニックの清潔感と安心感を伝える配色設計で、基調色として白～淡いグレーが全面に使われ、アクセントにロゴのやや彩度の高いピンク〜赤が配置されています。一般的に青や緑が多い医療系サイトの中で、暖色を用いることで「活力」や「血行の良さ」を想起させ、色味がスタイリッシュなピンクで美容皮膚科としての審美的な感度も表現。写真は明度が高く統一されており、院内やスタッフの人物写真も色温度が暖かく整っていることで全体の印象に一貫性があります。タイポグラフィは見出しと本文でウェイト差があり、情報の階層が視覚的に区別され、また見出しに欧文を併記することでモダンな印象をプラスし、情報の圧迫感を軽減。レイアウトは十分な余白を確保し、グリッドに沿った整列感で明確なゾーニングがなされており、迷いのない視線誘導を実現。モーションはスクロールでの軽微なフェードやスライドが用いられ、安定感があり速度は控えめにしあくまで情報の閲覧を妨げない「抑制の美学」で統一。医療機関としての信頼感を保ちつつ、美容サロンのような洗練された美意識と、肌に触れるような優しさを感じさせるデザイン。
