【web】タイアップキャンペーンページ作成

#web #レスポンシブ

担当工程

• ビジュアルデザイン
• コーディング

役割

webデザイナー

期間

キャンペーン中ページ

デザイン作成～コーディングで5日程度

結果発表ページ

デザイン作成～コーディングで5日程度

詳細

企画担当者がいたので製薬メーカーとのやりとりはその方にお願いし、制作に関してを全般的に担当。

キャンペーン中はエピソード募集用のページ作成、キャンペーン終了後は募集したエピソードを発表するページ作成とキャンペーンページの更新（終了のお知らせなどを追加）業務を行いました。

キャンペーン中ページ

家族の愛情に関するキャンペーンだったので、温かみや優しさを感じてもらえるようなトーンを心がけました。

企画担当者が起こしてくれたテキストの分量が結構多くSPではページが長くなりがちだったため、メインビジュアルにそのテキストを収める工夫をしました。

PCとSP向けのデザインを分けたり、アコーディオンの開閉部分でJavaScriptを使用しています。

結果発表ページ

文章が長い内容を多く掲載する必要があったため、タブやアコーディオンを使って読みやすくなるような工夫をしました。

素敵なエピソードが多く集まり、製薬メーカーの担当者にも「とてもいいキャンペーンになった」と喜んでもらえました。