コーディング有馬芳香堂様が販売しているナッツや豆に関する多様な知識を普及するためのメディアサイトを制作いたしました。リード文挿入・目次・タグ別閲覧・フリーワード検索・よく読まれている記事・おすすめの記事などオウンドメディアにほしいUIを全て取り揃えています。オウンドメディアという媒体の性質上、UIと同じくらい重要なのが運用面でのコストです。ナッツラボは、コンテンツのほとんどの要素が管理画面からコントロールできる設計となっています。トップページトップページ解説このサイトを開くNEWS最新記事をユーザーに明示することで自社媒体が活発に情報発信を行っていることをアピールできると共に、リピーターには新しい情報を素早く届けることができます。ここでは4件まで最新の投稿を出力しています。カテゴリーアイキャッチを備えたカテゴライズは、検索性を大幅に上昇させる効果があることから、オウンドメディアには必要不可欠な要素と言えます。6件まで任意のカテゴリーを出力しています。各カテゴリーは管理画面から入れ替えが可能なので、任意のカテゴリーの出力が可能です。カテゴリーのアイキャッチ画像とテキストも管理画面から入れ替えが可能です。他ユーザーが関心を持っている事柄を明示することでコンテンツへの窓口を広げることができます。pv数が高い順で記事を4件まで出力しています。自社からアピールしたいコンテンツをユーザーに訴求する手段の1つとして機能します。固定で指定したタグを持つ記事を4件まで出力しています。閉じる閉じるカテゴリーカテゴリー解説このサイトを開く概要メインカラム(左側)とサイドバー(右側)の2カラム構成。全ページ共通で検索バー付きの追尾ヘッダーを実装しています。オウンドメディアは記事の質と同じくらいUIが重要ため、検索やカテゴリーやタグなど様々な確度からユーザーが記事を探しやすいような設計を心がけました。メインカラムこのような連続するリストデザインでは、各情報が持つ優先順位を明確にするために視認性の差を意識したデザインをする必要があります。サイドカラム最新の記事やよく読まれている記事などを配置することで検索の窓口に幅を持たせています。キャンペーンなどがある場合は、サイドでコンバージョンを意識した配置を作ります。記事は管理画面から書いていただきます。実際のページを見ていただけるとわかると思うのですが、記事は様々な要素を自由に書いていただくことができます。文字が多くなりがちなメディアの為、サイドのカテゴリーなど、細かいところまで気を配ってアイキャッチをデザインしています。属するカテゴリーに合わせて固定で関連商品を配置し、ECサイト(ショッピングサイト)への導線としています。現在表示しているタグと同様のタグを持つ投稿を出力しています。全てのタグ一覧がこのページに出力されます。タグベースで順番に見ていきたい方向けのUIです。100周年キャンペーンLPリノーヴコーポレートサイト納骨堂ライフポータルサイト株式会社アンサーコーポレートサイトアンサー就職・転職支援LPCONTACTPOINT1必要最低限のコストPOINT2美しいレスポンシブPOINT3機能的で美しいデザインPOINT4無駄がない構造POINT5合理的なUIPOINT6まっとうなSEO提案お問い合わせサイト制作で失敗させないなんとなくOK出したけどホームページを見返せば見返すほど違和感が出てくる。そんな経験ありませんか?作るとき、ディレクターは、あなたの目的を正しく理解し、目的達成の手段と知識をちゃんと共有してくれましたか?素人仕事にお金を浪費するのはもうやめましょう。打ち合わせ・お見積りは無償で承っています。お気軽にご相談ください。