019 IGNIS io -- website 100選 -- #19

019 IGNIS io — website 100選 — #19

IGNIS io

印象点:

  • 商品のイメージに沿った色彩
    商品に近い色合いで、淡く角のないカラーパレットを採用している。各産地素材そのものの色がアクセントとして機能し、統一感を生み出している。
  • 産地と連動したインタラクティブな地図
    スクロールに伴い、日本地図上の産地がクローズアップされ表示される。パララックス効果で地図への視点が近づいたり離れたりするほか、固定表示の雲と鳥がついてくることで、物語性のある体験を提供している。
  • ニューモーフィズムのUI
    アイコンなどのUIが、ニューモーフィズムで立体的に表現されている。これにより、シンプルでありながらも触覚的な印象を与えている。

 

home に戻る