PCLのLP作ろう企画に参加しました

2018年6月4日2021年12月5日

私が参加していていつも色々な刺激を受けている Product Creator’s Link というSlackがあるのですが、
そこで「LP（ランディングページ）を作ろう、テーマはPCL入部届！」という企画が上がったので参加してみました。

デザイン、難しい！

</p> <p>## 目標<br /> – 手作り感<br /> – 遊び場感<br /> – どちらかというと女性にターゲット<br /> – あわよくばデザイナーにリーチしたい</p> <p>## 結果<br /> – 抜けきらない素人っぽさ<br /> – そこはかとない違和感<br /> – 大きさの比率の付け方が下手？その場で適当に決めたので、黄金比とかに乗っかればもうちょっとマシだったかも</p> <p>## 経過、感想<br /> – カード、カルーセル、ボタンetcはElementUIを採用したもののcss(scss)はフルスクラッチ<br /> – Vueっぽい書き方をゴリゴリやっていってエンジニアらしく楽をする<br /> – HTMLの部分とコンポーネントとデータに分離した部分が混在しているのは、今回は時間優先で作ったので意図したもの。 **振り返ったときにコードとしての見た目がかなりひどいのは承知の上とはいえこれはひどい。**<br /> – デザイン難しい<br /> – やれる余地はまだまだあるのでは？<br /> – カードにピクトグラム入れたかった……　飾り罫使ったりとか……<br /> – やってみてわかるプロのすごさ、デザインフレームワークやテンプレートの強さ<br /> – 調子に乗ってフルスクラッチで書いたけどもっとテンプレに乗っかってよかったのでは？<br /> – 集中してる時間と睡眠時間と翌日のパフォーマンスのバランスが難しい<br /> – やりきった達成感と埋め立てたい恥ずかしさ<br /> – イベントが終わったら恥ずかしいけどちゃんとこの記事からリンク貼りたい<br /> – **デザイン難しい** (大事なことなので2度<br /> – 情報の整理は割と好きだけどそれとこれとは話が別<br /> – やっぱりデザインは **プロに任せたい**</p> <p>## 挑戦して生まれた疑問<br /> – フロントエンドエンジニアはUI/UXについての知識だけでなくもっとデザインの領域に踏み込んだ知識を持っていなければならないのか？<br /> – フロントのロジック部分、HTML/CSSのマークアップの部分、DTPの部分<br /> – ロジックとマークアップで食える？</p> <p>### ということで<br /> ノンデザイナーズ・デザインブックを読んでから実際に手を動かしてみる題材として、<br /> 私にはピッタリの題材でした。でもめっちゃ難しかったです！<br /> Webデザイナーさんすごいなぁ。 </p> <p>個人開発規模をデザイナーさんと組んでやってみたい。<br /> でも私が代わりにgiveできるものってなんだろう？</p> <p>デザインできるけどコード書けないから諦めてる、みたいな人と組むとか？<br /> もしいたらTwitterにDM送ってもらえたらいいなぁ、とか思ってみたりします。<br />