Facebook キャラクター紹介・診断サイト「アンチ図鑑」Webサイト制作(Webデザイン・WordPress/Elementor構築)
Logo

キャラクター紹介・診断サイト「アンチ図鑑」Webサイト制作(Webデザイン・WordPress/Elementor構築)

クレジット
Avatar
Web制作・デザイン
WordPress構築
Elementor
キャラクター紹介・診断サイト「アンチ図鑑」Webサイト制作(Webデザイン・WordPress/Elementor構築)-1
シェア

キャラクター紹介・診断サイト「アンチ図鑑」Webサイト制作(Webデザイン・WordPress/Elementor構築)

■コンセプト キャラクターを主役にしつつも、子供っぽくなりすぎない「大人も楽しめる図鑑」の世界観を構築。診断テストという参加型コンテンツを導入し、ユーザーが楽しみながらサイトに深く触れられる仕組みを設計しました。 ■デザイン・構築のポイント ・独自性の高いビジュアルデザイン:単なるイラストの配置に留まらず、イラストレーターで制作したキャラクターのパターン柄背景や、影絵のようなシェイプ画像をアクセントとして採用。重なりやテクスチャを工夫することで、サイト全体に奥行きと洗練された印象を与えています。 ・インタラクティブな体験設計:サイト訪問者が自分のタイプを知る「診断テスト」を実装。クリックや選択というアクションを通じて、キャラクターとの親密度が高まる参加型のUI/UXを実現しました。 ・Elementorによる柔軟な構築:複雑な構成になりがちな診断コンテンツやキャラクターの個性を、Elementorを用いて直感的に管理できる形で構築。デザインの細部(影やシェイプの配置)を崩さずに、運用面でのメンテナンス性も考慮しました。 ■工夫した点 「キャラクターサイト=子供向け」という固定観念を覆すデザインを追求しました。あえて影絵や複雑なパターンを背景に用いることで、キャラクターのポップさを抑え、サイト全体に知的な雰囲気を持たせています。単なる情報閲覧サイトではなく、「体験」を通してブランドの世界観を深く理解してもらうことを意識したデザインです。
クレジット
Avatar
Web制作・デザイン
WordPress構築
Elementor
シェア
ALLY web designの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
キャラクター紹介・診断サイト「アンチ図鑑」Webサイト制作(Webデザイン・WordPress/Elementor構築)-1

キャラクター紹介・診断サイト「アンチ図鑑」Webサイト制作(Webデザイン・WordPress/Elementor構築)

■コンセプト キャラクターを主役にしつつも、子供っぽくなりすぎない「大人も楽しめる図鑑」の世界観を構築。診断テストという参加型コンテンツを導入し、ユーザーが楽しみながらサイトに深く触れられる仕組みを設計しました。 ■デザイン・構築のポイント ・独自性の高いビジュアルデザイン:単なるイラストの配置に留まらず、イラストレーターで制作したキャラクターのパターン柄背景や、影絵のようなシェイプ画像をアクセントとして採用。重なりやテクスチャを工夫することで、サイト全体に奥行きと洗練された印象を与えています。 ・インタラクティブな体験設計:サイト訪問者が自分のタイプを知る「診断テスト」を実装。クリックや選択というアクションを通じて、キャラクターとの親密度が高まる参加型のUI/UXを実現しました。 ・Elementorによる柔軟な構築:複雑な構成になりがちな診断コンテンツやキャラクターの個性を、Elementorを用いて直感的に管理できる形で構築。デザインの細部(影やシェイプの配置)を崩さずに、運用面でのメンテナンス性も考慮しました。 ■工夫した点 「キャラクターサイト=子供向け」という固定観念を覆すデザインを追求しました。あえて影絵や複雑なパターンを背景に用いることで、キャラクターのポップさを抑え、サイト全体に知的な雰囲気を持たせています。単なる情報閲覧サイトではなく、「体験」を通してブランドの世界観を深く理解してもらうことを意識したデザインです。
クレジット
Avatar
Web制作・デザイン
WordPress構築
Elementor
シェア
ALLY web designの他の作品
foriio

あなたのforiioを無料で作成

fori.io/