「フェイスマスク ルルルン」のホームページデザイン解説

サイトにアクセスすると、ナビゲーションメニューの下にカルーセルが配置され、主要なトピックスやキャンペーンのビジュアルが次々表示されます。濃淡2色のピンクをアクセントカラーにして、ドロップシャドウでふんわりとした空気を演出したデザインです。手...

ファーストビューは画面左が製品名とカートボタン、右はスライドショーとなっており、リップの色に色味を合わせた女性のビジュアルが製品の魅力を最大限にアピールしています。肌の色に近い赤みのかかったベージュをベースに、細身のフォントでスペースを大き...

ずらりと並んだ商品写真の直下に豊かな大自然の写真を多数配置し、テキストによる説明を淡く最低限に配置することでサイト全体の雰囲気を壊さず、背景のホワイトの余白と相まって清潔感とみずみずしさを感じるデザインです。製品紹介の写真もサイトの雰囲気に...

メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...

メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...

画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...

メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...

メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...

サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...

メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...

メインビジュアルは3枚の画像で構成されたスライドショーで、下部を流線型にトリミングして手書き風の鳥のイラストを添え、優しい雰囲気をまず感じさせます。病院の内装と合わせたくすんだピンクと淡いベージュを中心にした色使いと、角丸長方形を使ったレイ...

メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...