【SHElikes マルチクリエイターコース課題】LP制作(企画/PC・SPデザイン/コーディング)

OVERVIEW

SHElikesでのWebデザインコースの卒業制作として架空の企業採用サイトを作成・実装しました。【制作期間:4ヶ月】 【使用言語:HTML・CSS・Jquery】 【使用ツール:illustrator、SublimeText】

YEAR 2021

■要件

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

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

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

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

■作成したLP


■今回の課題を通して学んだこと

・クライアントの要望を反映した、伝わりやすいデザイン設計

・実装までを意識したデザイン設計

・HTML / CSS の復習

■制作のポイント

「作りたいデザインを見つける」 → 「そのデザインの実装方法を調べる」→「調べた実装方法を自分のコードに合わせて書き換える」のプロセスに時間をかけて取り組みました。この3段階はどれも自分にはハードルが高く、素敵なデザインを見つけても上手く実装できないケースも沢山ありました。自分の知識で、期間内に実装できるかどうか、の観点も念頭に置きながら自分の理想を最大限実現できるよう試行錯誤を重ねています。

■所感

これまで取り組んできたデザイン制作の中で最も高いハードルを感じました。一方で達成感も大きく、自分のデザインを通して誰かの課題解決の一助になりたいという気持ちが強まったように思います。実装を前提としたデザイン設計は、やはり通常のデザインとは段違いの難易度で、自分の理想を100%叶えられない状況に歯痒さを感じることもありました。今後コーディングに関するインプットを増やしながら、自分に実装できる範囲を広げていきたいと思います。

WEBSITE