Dissonance — 視線を奪う「違和感」の設計

メインビジュアル

Dissonance — 視線を奪う「違和感」の設計

作品のコンセプトは「違和感」です。昨今のホームページUIは、ただ綺麗なメインビジュアルを描くだけだと、ユーザーの目に止まりづらい傾向があります。逆に、ユーザーの目に止まりやすいのは「違和感」だと思っています。この違和感を上手く利用するため、タコ(気持ち悪さの象徴)と無垢な少女を掛け合わせ「違和感」のあるメインビジュアルを実現しました。

カテゴリ
メインビジュアル
制作年
2024年
制作期間
約2週間
使用ツール
Procreate【ipadアプリ】
用途
ホームページメインビジュアル
スタイル
セミリアル

制作について

■ コンセプト:美しさと異物感が共存する「フック」の創造

昨今のホームページUI(特にファーストビュー)において、単に「綺麗で整ったメインビジュアル」を配置するだけでは、日常的に大量のコンテンツを消費するユーザーの目に留まりにくくなっています。美しすぎるデザインは、かえって背景(ノイズ)として処理されてしまうのが現代のWebの課題です。

本作は、ユーザーの「スクロールする指を止める」ための強力なフックとして、意図的な「違和感(Dissonance)」を設計しました。

■ 表現のメカニズム:無垢と異形のコントラスト

この違和感を最大化するために採用したのが、「無垢な少女」と「タコ(異形・気持ち悪さの象徴)」という、対極にある要素の掛け合わせです。

無垢な少女の「静」:
透明感のある肌、そばかす、意志を感じつつもどこか虚ろな瞳。人間の視線が最も集まりやすい「美しい顔」を画面の中心に据えることで、まずはポジティブな関心を引きます。

タコの触手の「動」と「生々しさ」:
その美しい顔を包み込むように蠢く、タコの吸盤のリアルな質感、湿り気、そして有機的な曲線。これが視覚的な「異物(ノイズ)」となり、脳に「これは何か?」と思考させる隙を与えます。

単にグロテスクなものを描くのではなく、美しさと気持ち悪さを1枚の絵の中に極めて高いクオリティで調和(あるいは不調和)させることで、ユーザーの「生理的な拒絶」を避けつつ、「視線を引きつける(アテンションを獲得する)」ことに成功しています。

■ マーケティング的意図:滞在時間を生み出すビジュアル戦略

Webサイトにおけるメインビジュアルの役割は、単なる装飾ではなく「直帰率の低下」と「ブランドの印象付け」です。

一瞬の違和感によって生まれた「おや?」という数秒の引っかかり(認知のギャップ)が、ユーザーをサイトの世界観へと引き込む強力な導入(インビテーション)となります。本作は、デジタルマーケティングにおける「アテンション(注意)」の獲得を、イラストレーションという手法を用いて戦略的に具現化した、広告美術としての試みです。