「食べる」「健やか」「作る」「快適・便利」と生活をトータルにサポートする三条市の株式会社エイ・アンド・アイ様のWebサイトです。
健康で快適な暮らしのために必要な生活雑貨や食品などを、多くの中からこだわりぬいて安全安心な「ひとつぶえり」の品々をご提供されております。
多様化した時代に対応した台所用品や収納関係などの商品のほか、地球生命の誕生に紀元を持つシアノバクテリア（藍藻）により、良質な土壌を回復させ、農作物を育てる「天緑農法」で作られたお米をご提供。楽天ショップやYahoo!ショップにもリリータ生活倶楽部として出店されています。
特徴的な会社ロゴのカラーである赤と白を基調としWebサイトもデザイン。開いた際にページ一杯に広がるトップページの社屋画像の中心にロゴを組み合わせた画像とキャッチを重ねて表示その下のグローバルメニューを配置することで、「笑顔は食から」のキャッチコピーがまず目に入り印象に残しつつ、メニューから目的の情報へすぐに遷移できるように考えてあります。
画面幅をいっぱいに表示させるデザインなので、利用する画像も要所要所で大きく使うようにし、テキストデータとの表示バランスにも十分に検討を重ねました。
トップページと対照的に下層ページにおいては操作性を考慮し、同じグローバルメニューをヘッダーにまとめた標準的なレイアウトとしました。
そして閲覧ユーザーの多様化したデバイスに対応するため、これらをレスポンシブデザインとして設計、どのような画面サイズにも最適な表示を実現しました。楽天やYahoo!などのショッピングモール利用においての閲覧環境は圧倒的にスマートフォンが多く、そこからコーポレートサイトにも来訪されることも考慮するとレスポンシブデザインの採用はベストな選択なのではと考えます。
スマートフォンのように縦長かつ狭い横幅の画面でのメニューは標準的なハンバーガーメニューと呼ばれる三本線のUIを使用し表示領域を広くするようにし、同様にサブメニューもコンパクトに配置。わかりやすいUIは閲覧するユーザーを選ばず、そしてユーザーは迷わず目的の情報までたどり着けます。
出店している楽天ショップとYahoo!ショップのアイコンも統一させたデザインで設置。小さくてもすぐに見つけられるようにレイアウトしました。
ますます増えてくるスマートフォンでの閲覧と減少傾向のパソコンでの閲覧。この現在の状況においてはレスポンシブデザインが最適なため、今後ますますの増加が見込まれますし、携帯端末の画面サイズに未対応で見づらい表示は離脱率を上げ機会の損失にもつながります。早期の対応でますますユーザーとリピーターの増加につなげられると思います。
【株式会社エイ・アンド・アイ】
URL：http://www.aandi.biz/
〒955-0803 新潟県三条市月岡1-6-12
TEL：0256-36-9100 FAX：0256-36-9101
