• 椎名林檎トリビュートアルバム「アダムとイヴの林檎」特設サイトのWEBデザイン
  • 椎名林檎トリビュートアルバム「アダムとイヴの林檎」特設サイトのWEBデザイン
  • 椎名林檎トリビュートアルバム「アダムとイヴの林檎」特設サイトのWEBデザイン
  • 椎名林檎トリビュートアルバム「アダムとイヴの林檎」特設サイトのWEBデザイン
  • 椎名林檎トリビュートアルバム「アダムとイヴの林檎」特設サイトのWEBデザイン

椎名林檎トリビュートアルバム「アダムとイヴの林檎」特設サイト

https://sp.universal-music.co.jp/ringo/adam-eve/

椎名林檎デビュー20周年記念作品第一弾!様々な枠を飛び越えた豪華アーティスト参加によるトリビュートアルバム5月23日発売!

COUNTRY
COLOR
  • #a1c1c0
  • #ffffff
  • #f2eeee
  • #e50011
TASTE
LAYOUT
TECHNOLOGY
GENRE
TAGS

東京事変のポーカルでもある女性シンガーソングライター、椎名林檎(しいなりんご)さんのトリビュートアルバム「アダムとイヴの林檎」特設サイトのWEBデザインです。

噛られた林檎のイラストが印象的なアルバムのアートワークをモチーフとしたサイトデザインで、横幅いっぱいに表示されたみずみずしいグリーンのグラデーション背景と、その上に表示されたメインビジュアルが印象的です。
ロゴや見出しにも林檎アイコンを用いていて、濃淡の違うグリーンとレッドの配色とも相まって、アダムとイヴというテーマに沿ってページ全体に統一感を出しています。

レスポンシブ対応の縦長シングルページで、余白を大きく取ったフラットなデザインは上品で落ち着いた雰囲気を作り、鮮やかな配色やほんのりとした淡いグラデーションを合わせることでオリジナリティとポップで柔らかな印象も漂わせています。

錚々たる参加アーティストの画像を整然としたグリッド状に並べ、プロフィールをアコーディオンにすることで特にモバイル端末での閲覧時など限られた表示領域を有効に活用し、情報をコンパクトにまとめて散らからないようにレイアウトされています。

posted : 2018/03/06