Facebook 【求人ランディングページ】製造エンジニア職
Logo

【求人ランディングページ】製造エンジニア職

クレジット
Avatar
WEBデザイナー
ワイヤーフレーム
ライティング
改善
コーディング
【求人ランディングページ】製造エンジニア職-1
シェア

【求人ランディングページ】製造エンジニア職

制作会社に在籍時、クライアントの製造エンジニア職の求人ランディングページを制作いたしました。 特にファーストビューのデザインを気に入っていただきました。 ✅制作時間 企画・構成・ワイヤー…5営業日 デザイン…4営業日 コーディング…4営業日 ✅ターゲット:20代~30代男女(男性メイン) モノづくりやコツコツ作業が好き・得意な層 好きを生かした仕事をしたい 営業ノルマや人間相手の仕事から離れたい ✅デザインの狙い: 従来の求人ランディングページと差別化するためにマンガ・ゲーム調のデザインを採用しました。クライアント企業のイメージカラーの水色を使用して、ゲームのような楽しさ・ワクワク感を表現しつつ、大手企業の信頼感・清潔感も意識しました。 デザインで敷居を下げつつも、内容を読み込むとしっかり製造エンジニアの仕事がわかるように心がけました。 ✅各コンテンツの狙い: ファーストビューでは格好いい男性キャラクターの二次元イラストを前面に出し、オタク気質のユーザーの興味を引きました。オタク気質が有利に働くことを文言に盛り込み、興味を引きました。 セカンドビューでは細かい職種をカード風にして見せました。ビジュアルで興味を引きながら、製造エンジニアの様々な職種を知り、自分だったらこれかな?と興味を持っていただけるようにしています。 当時の技術ではテイストを合わせた画像の生成が困難でしたが、プロンプトを工夫して5種類、違和感のない画像を制作しました。 それ以降のコンテンツで、仕事の待遇によって好きをしっかり大事にした生活が送れること、一人前になるまでの研修の流れなどを説明し、ユーザー自分ごととして製造エンジニアになった未来を自然と想像できるように意識しながら作りました。 ターゲット層に合わせて、文字量はやや多めで制作しています。 イラストは生成AI(ChatGPT)を使用しております。 --------- ■画像3枚目:職業紹介コンテンツ 製造エンジニアについて調べた際に、職種ごとにそれぞれ違った魅力があることが分かりました。 それらを最大限アピールするために、ゲームカード風のデザインにしてキャラクター化。説明文にも属性にちなんだ文言を織り込み、ユーザーが楽しみながら読み進められるようにしました。 ■画像4枚目:ファーストビューのブラッシュアップ ファーストビューはラフのイメージから大きく変化しました。当初は「作る楽しみ・ワクワク」を意識した笑顔のキャラクターでしたが、議論を重ねて「エンジニアの格好良さ」をアピールする現在の形となりました。 発表後はユーザーの反応を見ながらメインコピーを改善しました。
クレジット
Avatar
WEBデザイナー
ワイヤーフレーム
ライティング
改善
コーディング
シェア
大友葉南の他の作品
画像
作品を見る
【求人ランディングページ】派遣事務職
画像
作品を見る
WEBサイトのヘッダー2種
画像
作品を見る
【自主制作】オリジナル漫画
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【求人ランディングページ】製造エンジニア職-1

【求人ランディングページ】製造エンジニア職

制作会社に在籍時、クライアントの製造エンジニア職の求人ランディングページを制作いたしました。 特にファーストビューのデザインを気に入っていただきました。 ✅制作時間 企画・構成・ワイヤー…5営業日 デザイン…4営業日 コーディング…4営業日 ✅ターゲット:20代~30代男女(男性メイン) モノづくりやコツコツ作業が好き・得意な層 好きを生かした仕事をしたい 営業ノルマや人間相手の仕事から離れたい ✅デザインの狙い: 従来の求人ランディングページと差別化するためにマンガ・ゲーム調のデザインを採用しました。クライアント企業のイメージカラーの水色を使用して、ゲームのような楽しさ・ワクワク感を表現しつつ、大手企業の信頼感・清潔感も意識しました。 デザインで敷居を下げつつも、内容を読み込むとしっかり製造エンジニアの仕事がわかるように心がけました。 ✅各コンテンツの狙い: ファーストビューでは格好いい男性キャラクターの二次元イラストを前面に出し、オタク気質のユーザーの興味を引きました。オタク気質が有利に働くことを文言に盛り込み、興味を引きました。 セカンドビューでは細かい職種をカード風にして見せました。ビジュアルで興味を引きながら、製造エンジニアの様々な職種を知り、自分だったらこれかな?と興味を持っていただけるようにしています。 当時の技術ではテイストを合わせた画像の生成が困難でしたが、プロンプトを工夫して5種類、違和感のない画像を制作しました。 それ以降のコンテンツで、仕事の待遇によって好きをしっかり大事にした生活が送れること、一人前になるまでの研修の流れなどを説明し、ユーザー自分ごととして製造エンジニアになった未来を自然と想像できるように意識しながら作りました。 ターゲット層に合わせて、文字量はやや多めで制作しています。 イラストは生成AI(ChatGPT)を使用しております。 --------- ■画像3枚目:職業紹介コンテンツ 製造エンジニアについて調べた際に、職種ごとにそれぞれ違った魅力があることが分かりました。 それらを最大限アピールするために、ゲームカード風のデザインにしてキャラクター化。説明文にも属性にちなんだ文言を織り込み、ユーザーが楽しみながら読み進められるようにしました。 ■画像4枚目:ファーストビューのブラッシュアップ ファーストビューはラフのイメージから大きく変化しました。当初は「作る楽しみ・ワクワク」を意識した笑顔のキャラクターでしたが、議論を重ねて「エンジニアの格好良さ」をアピールする現在の形となりました。 発表後はユーザーの反応を見ながらメインコピーを改善しました。
クレジット
Avatar
WEBデザイナー
ワイヤーフレーム
ライティング
改善
コーディング
シェア
大友葉南の他の作品
画像
作品を見る
【求人ランディングページ】派遣事務職
画像
作品を見る
WEBサイトのヘッダー2種
画像
作品を見る
【自主制作】オリジナル漫画
foriio

あなたのforiioを無料で作成

fori.io/