有馬芳香堂 ナッツラボ
- サイトの種類:
- メディアサイト
- 担当セクション:
- 構造企画 デザイン コーディング
有馬芳香堂様が販売しているナッツや豆に関する多様な知識を普及するためのメディアサイトを制作いたしました。
ニュース・カテゴリー・カテゴリーのアイキャッチ・サムネイルの管理画像・公開日表示・更新日表示・リード文挿入・目次・タグ別閲覧・フリーワード検索・よく読まれている記事・おすすめの記事などオウンドメディアにほしいUIを全て取り揃えています。
オウンドメディアという媒体の性質上、UIと同じくらい重要なのが運用面でのコストです。ナッツラボは、コンテンツのほとんどの要素が管理画面からコントロールできる設計となっています。
-
トップページ解説
このサイトを開く
NEWS
最新記事をユーザーに明示することで自社媒体が活発に情報発信を行っていることをアピールできると共に、リピーターには新しい情報を素早く届けることができます。ここでは4件まで最新の投稿を出力しています。
カテゴリー
アイキャッチを備えたカテゴライズは、検索性を大幅に上昇させる効果があることから、オウンドメディアには必要不可欠な要素と言えます。
6件まで任意のカテゴリーを出力しています。
各カテゴリーは管理画面から入れ替えが可能なので、任意のカテゴリーの出力が可能です。
また、カテゴリーのアイキャッチ画像とテキストも管理画面から入れ替えが可能です。
よく読まれている記事
他ユーザーが関心を持っている事柄を明示することでコンテンツへの窓口を広げることができます。
pv数が高い順で記事を4件まで出力しています。
おすすめの記事
自社からアピールしたいコンテンツをユーザーに訴求する手段の1つとして機能します。
固定で指定したタグを持つ記事を4件まで出力しています。
-
カテゴリー解説
このサイトを開く
概要
メインカラム(左側)とサイドバー(右側)の2カラム構成。
全ページ共通で検索バー付きの追尾ヘッダーを実装しています。
オウンドメディアは記事の質と同じくらいUIが重要ため、検索やカテゴリーやタグなど様々な確度からユーザーが記事を探しやすいような設計を心がけました。
メインカラム
このような連続するリストデザインでは、各情報が持つ優先順位を明確にするために視認性の差を意識したデザインをする必要があります。
サイドカラム
最新の記事やよく読まれている記事などを配置することで検索の窓口に幅を持たせています。
キャンペーンなどがある場合は、サイドでコンバージョンを意識した配置を作ります。
-
-