Press Enter/Return to start Search

【開発ブログ】制作実績ページのリニューアルについて

tanabe0
開発ブログ
目次

こんにちは！
デザイナーのあずあずです。

今回はコーポレートサイトの制作実績ページである「ギャラリー島」のリニューアルについてお話できたらと思います。

【制作実績ページはこちら】
https://pla-cole.co/works_lp/

プラコレでは、HPとLPの制作事業がありSNS広告と連携させたプランなどで、これまでにも多くのクライアント様に制作をお任せしていただいてきました。

そんな自慢の制作実績を公開する場としてギャラリー島を数年前に公開していたのですが、かなりシンプルな作りだったのでプラコレコーポレートサイトのTOPのようなワクワク感をもっと出していきたい・・！という声も多く、今回リニューアルするに至りました！

1.制作するにあたって

制作実績をリニューアルしよう！というお話をいただき、これまでのただ作品を並べるようなレイアウトではなく、事業のLPも兼ねたページにしようというところから制作がスタートしました。
他社の制作実績ページなどもチェックし、こんなテイストやアニメーションが欲しいなぁと色々模索しイメージを固め始めたらまず初稿を制作！

2.そして提出した初稿がこちら

デザインの素材やイメージは、コーポレートサイトでも使用しているこのサービスバナーをLPに落とし込むことにしました。

実績ページを制作するにあたり、営業メンバーにもヒアリングを行ったのですが、資料や営業ポイントを見聞きし特に重要だと思ったフレーズがありました。

プラコレが一番大切にしているのは
“作って終わり”にならないこと。
“作ってからがお付き合いのはじまり”

このフレーズがプラコレのHP/LP事業において重要になってくると感じたので、プラコレの漫画テイストなコーポレートの雰囲気に合わせているかつ、クルーの写真を使用することで信頼感や親しみの出るデザインにし、プラコレに制作をお任せしたいと思っていただくことをゴールにデザインを進めました。

3.MAプランについて

プラコレならではの特徴である「MAプラン」をページ内でもプッシュしたいと考えていたので、MAプランの魅力が説明できるような仕掛けも考案しました。

MAプランとは？

SNS広告において、クリエイティブによって、CPCの差は10倍以上、CTRの差も非常に大きく、クリエイティブの勝ち負けが、広告に大きく影響します。受け皿のLPに関しても、 動的に訴求内容の広告を反映することができる、 それぞれのトップクリエイティブに最適化するLPです。広告で魅力に感じたPointをTOPKVに配置するため、トップKVによる離脱を防ぎ、高いCVRを実現。『MAプラン』は広告クリエイティブによって、飛び先LPのトップKVが変わります。そして安く作れて、CVが残りやすい設計にする。クリエイティブLPパターンは60種類以上を試せて広告クリエイティブからLPまで連動できます。プラコレのHP制作＆マーケティングサービスとなっています。

ユーザーが魅力に感じた広告クリエイティブと飛び先のLPのTOPKVが連動するという部分を、LP内に３種類のボタンを配置しどれか１つを押してもらうことでそのボタンの雰囲気に合わせたTOPKVに切り替わるという仕掛けで表現しました。


この部分はもっとユーザーに押してもらうためにもアニメーションなどブラッシュアップしていきたいと考えておりますが、このような工夫でシンプルにプラコレのプランの魅力をLP内で表現しています。


4.詳細ページも新たに追加

これまで、制作実績ページはサムネイルのみが並んでいるレイアウトで、クリックするとそれぞれのページに直接遷移する仕様になっていました。
デザインやディレクターのこだわり・想いや、サイトの全体像をしっかり見れるようにすることで、多様なニーズにあった制作が可能なことをアピールできるようにしました。

5.アニメーションについて

最後にアニメーションについて。
アニメーションは参考サイトなどもいくつかピックアップし「ここはこのページみたいな動きにする」など具体的に記載した資料をもとに、エンジニアと調整を進めました。

今回は制作期間がややタイトだったこともあり、どのようなアニメーションにすればより効果的に実装まで持っていけるかが課題でもあったので、全て資料通りというわけではありません。

実際に実装されたアニメーションはかなりエンジニアのアドリブが効いていたり、テスト環境で確認しながらもっとこうしよう！というアイデアが出他ものをすぐに反映してもらったりとデザイナーとエンジニアが面白がりつつ柔軟に作り上げたものだったりします。

コーポレートサイトではなるべくクリエイターが面白がって自分たちの技術を試したり、アイデアを実現させるような場所にしたいと考えているので、まさに今のコーポレートサイトのTOPやそれぞれのコンテンツページにはそれが表れています。(笑)

こうした自社での制作を通して得た技術を、ノウハウとして蓄積し、クライアント様の制作案件にも繋げていきたいと考えております。

今回は、制作実績ページについてお話させていただきました。次回もお楽しみに！

クリエイターについて話を聞きたい方、またはプラコレに制作をお願いしたい方などお気軽にお問い合わせいただければと思います。

お問い合わせはこちら！

【メールでのお問い合わせはこちら】
info@pla.cole.co (担当：鈴木)