ホワイトをベースにブルーをアクセントにしたサイトです。ファーストビューの右から左へ、アヲハタの商品情報をスライドさせています。グローバルナビにてアヲハタの企業情報、おすすめレシピなどを案内しています。トップページの中央に、アヲハタシリーズのラインナップを掲載しています。アヲハタの人気レシピをカテゴリから探せます。パンやスイーツなどのジャンル別おすすめレシピを見ることができます。アヲハタを「知る・見る・体験する」のページでは、アヲハタのあゆみや工場見学の様子を紹介しています。ジャムマガジンでは、ジャムづくりの豆知識を掲載しています。下層ページより、ニュースリリースと更新情報を読むことができます。
執筆者
カテゴリ
基本情報
メーカーに関連するデザイン
-
「株式会社伊藤製作所」のホームページデザイン解説ファーストビューは画面いっぱいに配置された写真の上にテキストを重ねたスライドショーで、テキストの下にはプログレスバーが配置されており、ローディングのタイミングとスライドの枚数が一目でわかる構成となっています。メインは1カラムのレイアウトで、...
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
-
「株式会社ダイヤメット」のホームページデザイン解説メインビジュアルは3枚の写真がゆっくりとズームアウトしながら切り替わるスライドショーで、写真の明度をわずかに下げることで中央に配置したキャッチコピーを読みやすくしています。メインビジュアルと新着情報のエリア、製品紹介のビジュアルとテキストな...
コーポレートサイトに関連するデザイン
-
「株式会社彩企」のホームページデザイン解説日没直前の空をバックに、街灯や照明の明かりが映えるマンションを大きく映した写真を大きく配置し、画面左上にキャッチコピーを配置したビジュアルが目を引くファーストビューです。企業コンセプトの紹介はインフォグラフィックを取り入れており、企業の強み...
-
「SOCSマネジメントシステムズ株式会社」のホームページデザイン解説サイトにアクセスすると画面左にキャッチコピーが表示され、その背後にゆっくりとスライドショーがフェードインするファーストビューです。落ち着いたブルーをアクセントにした色使いで、一部のリンクボタンやお問い合わせフォームの背景には鮮やかなグラデー...
-
「オートサロンR’tech」のホームページデザイン解説サイトを開くと洗車中の車の写真が表示され、その上に配置されたキャッチコピーは大きめのフォントに斜体をかけ、フォントの大きさに変化をつけて目を惹きつけます。余白のホワイトを生かした1カラムのすっきりとしたレイアウトで、インフォメーションやお問...
ブルーを使ったデザイン
-
「本郷メディカルソリューションズ株式会社_M&A」のホームページデザイン解説メインビジュアルでは力強いキャッチコピーとともに企業の実績をラベル風のデザインで大きく表示し、サイトを訪れたユーザーに信頼感を与えます。さわやかなブルーグリーンをメインに、オレンジとネイビーをアクセントカラーにした色使いが鮮やかでパッと目を...
-
「弁護士法人千代田中央法律事務所_M&Aアドバイザリー」のホームページデザイン解説メインビジュアルは3枚の写真が切り替わるスライドショーで、下半分にブルーのグラデーションがかけられ、その上にキャッチコピーと、透明度を下げた英語のタイトルを配置した構成です。ブルー系でまとめられた色使いは落ち着きと信頼感を感じさせ、くすんだ...
-
「116コーチング＆パートナーズ合同会社」のホームページデザイン解説メインビジュアルは写真の上に企業ロゴとキャッチコピーを重ねたスライドショーで、キャッチコピーは視認性を上げるために背後に白のシャドウを入れています。ブルー系でまとめたビジネス色の強い色使いで、信頼感を与えるデザインです。サービス紹介のサムネ...
ナチュラル・清潔感なホームページのデザイン
-
「協立不動産株式会社」のホームページデザイン解説メインビジュアルには奥行きのある街並みで、空の面積が広い構図の写真をチョイスし、キャッチコピーを大きく配置してインパクトのある画面を作っています。コンセプトの部分にはシンプルな線で描かれた街並みのイラストで親しみやすさを演出し、リンクボタン...
-
「滋賀創寫舘」のホームページデザイン解説メインビジュアルは結婚式や七五三などのフォトシュートの様子をまとめたスライドショーで、英語の筆記体のタイトルでお洒落なイメージを、リボンやガーランドのあしらいで可愛らしく親しみやすいイメージを演出しています。またスライドショーの下部は波型に...
-
「アーネスト株式会社_apod」のホームページデザイン解説メインビジュアルのキャンプの写真はテントを右に寄せて空と地面の空間を大きく取り、その上にアナログ風にかすれさせたキャッチコピーをずらして配置しています。シンプルな1カラムのレイアウトですが、製品紹介やインスタグラムのサムネイル等の両サイドに...
