架空LPデザイン制作・実装(リクルートサイト)

OVERVIEW

SHElikes MULTI CREATOR PROJECTにて、LP制作・実装の課題に取り組みました。

YEAR 2021

【所要時間】合計 約64時間(情報設計:8h、デザイン制作:21h、コーディング:35h)
【使用ツール】Illustrator/Photoshop/Lightroom

目次

① 要件
② 制作・実装したLP
③ 工夫したこと
④ 制作を通して学んだこと


① 要件

  • クライアント情報
    <クライアント名:TSUTSUMU株式会社>
    ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や、家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ、家族向けのサービスも展開していく予定をしている。

  • 目的
    LPを通してエントリーをしてもらうこと(エントリーがあれば誰でもいいわけではなく、カルチャーフィットしている人がターゲット)

  • ターゲット
    転職希望の方
    報酬面よりTSUTSUMUの世界観に強く共感できる方
    未経験よりは経験を重視したいが、それよりもカルチャーフィットしている人

  • トンマナ
    明確なブランドトンマナが決まっていないため、事業内容にあうトンマナを自由に提案してほしい

② 制作したLP


③ 工夫したこと

■情報設計
クライアントのブランドイメージを保ちながら、抱えている課題を解決するために必要な情報設計にこだわりました。どのようなターゲットに、どのような導線の配置や工夫ができるかを考えて、デザインに落とし込みました。

■制作ポイント詳細


④ 制作を通じて学んだこと

■LPデザイン制作〜実装までの一連の流れ
クライアントの依頼を元に、ペルソナやトンマナ等の情報設計・デザイン制作・サーバーアップまで、一通りできるようになりました。また、コーディング作業に入る前にマークアップ設計図を作成することで、作業がかなりスムーズになることを実感しました。

■実装を考慮したデザインの制作
今回のLPでは、余白の付け方がデザインカンプからもズレて、コンテンツごともバラバラになり、あまり整っているとはいえない状態になってしまったので、次回以降はデザイン制作・マークアップ設計図作成の時点から考慮し、スマートにコードが書けるよう練習を続けたいと思います。


LP制作でコーディングまで行ったのは初めてだったため、不慣れではありましたが、分からない点は都度、関連動画を視聴して復習したり、Webで調べたりしながら、最後まで制作することができました。