最近気になったwebデザインまとめの話を書いていたら診断UIの話にまとまった
アカウントを作成して2ヶ月ほど。
自身のアウトプットのために記事を書くぞー！と意気込んでいたのですが、何をどう書いていいか分からず結局下書きだけ増えていく日々・・・。
なので、弊社ではデザイナー同士で集まって日々情報を共有し合うデザイナーズクリエイター定例というものがあるのですが、そこで発表した先週勉強したこと欄をそのまま引用してくることでハードルを下げようと思います。
自社のコーポレートサイトや日々のwebデザインにも、もっと新しくて面白いアイデアを取り入れたいなと思い、飛び抜けたアイデアを日々探しているのですが、単純に面白い！と思ったサイトをまとめました！
コーポレートに使いたい！面白webデザイン
▼bruno simonさんのポートフォリオ サイト
最近のすごいサイトを調べていて、このサイトが面白かったです！
bruno simon さんのポートフォリオサイトということですが
ゲーム性溢れるサイトになっていて
ユーザーが自ら操作してサイト内を冒険するという発想が
いいなと思いました！
クオリティが高すぎて何がどうなっているのか
エンジニア方面の知識に疎い私には分からずなのですが
こういうのできたらいいな・・。
▼田島太雄さんのポートフォリオ サイト
こちらのサイトも、遷移がすごく自然で
雰囲気もエモくて引き込まれるサイトでした。
ディレクター・映像作家として活躍する
田島太雄さんのポートフォリオ ということで
何気ない日常の中に特別な何かを見つけられそうな
作品とサイトの表現もすごくマッチしていると思います。
朝方か夕方か分からないような時間帯の静かな雰囲気、
すごくいいですよね。
こうして見ると、個人のポートフォリオサイトに注目していたことがわかるのですが、唯一無二の新しい発想を生み出していくのってすごく価値のある
ことだと思うのでこう行った発想力を自分も身に付けていきたいです。
手書き風webデザイン
最近、手書き風のデザインがすごくアツい！という記事を見かけますね。私自身イラストを描くのも好きなので、かわいい・おしゃれなイラストには目が無いので絶対に今後どこかで使いたい気持ちでメラメラでございます！！
ガッツリ手書き風ではないけどセクションごとに絵具をボトリと落とした感じのオレンジがかわいい。
田舎から届いたお手紙のような温かみのある雰囲気のサイトに仕上がっていると思います。
https://ito-noen.co.jp/
じわっと滲んた感じの絵柄が素敵です。
日本画のようなタッチのイラストが印象的なサイトで、
やはり、こういった優しい色使いや筆づかいのサイトは感動しますよね。
サイトに入ったときの波のようなアニメーションもユーザーの心を掴みます。
https://www.aoyagiuirou.co.jp/
診断のUIデザイン
弊社が、診断というものに重きを置いていることもあり
たびたび診断のUIを調べて見たりするのですが
やはり、今はSNSでのマーケティングが当たり前の時代なので
拡散される(バズる)ような設計は必要不可欠だなと思います。
診断系で一番重要なのは
ユーザーのモチベーションを維持させることと
結果から次への行動を促すということだと思います。
それを実現させるために、必要な要素としては以下のようなことが
挙げられると思われます。
①質問に答えるとそのまま次の質問に飛ぶ(決定ボタンの一手間を挟まない)
②質問がどこまであるのかのゴールを明記する(モチベーション維持)
③長い質問であれば、合間に「あと半分！」「あと少し！」「お疲れ様でした！」などのコメントを入れる(モチベーション維持)
探してみると色んな診断サイトやキャンペーンが見つかりますが
ユーザーの離脱率を減らし、なるべく拡散やCVにつなげられるような改善は日々必要だなと思います。
診断は、バズり企画としてとんがったアイデアも実現しやすいですし
イラストを使用した診断キャンペーンもたくさん見かけるので
今回述べた面白アイデアと手書き風アイデアのどちらも盛り込める楽しいジャンルだと思います！
自社でもクライアント様でも診断のデザイン色々挑戦したいな〜！
あれ。webデザインの記事を書いていたのでは・・？
とんでもない飛躍の仕方に自分でもびっくりですが
最初の投稿なのでお許し下さい。
▼参考にできそうな診断サイト
この記事が気に入ったらサポートをしてみませんか？