[個人開発] 🧑‍💻界隈SNS開発日記🧑‍💻 #4日目 デザイン作成その1

はじめに

いよいよ今日からデザイン作成に入っていきます。読んでくださっているみなさん的にはおもしろくなってくるかなと思います。

まず、前提なのですが、自分はデザインに関する知識はほとんどなく、お遊び程度でfigmaをいじることができるくらいなので、コンポーネント設計だったり、デザインの原則などの知識はないということをご理解いただければなと思います。

前述しましたとおり、デザイン作成はfigmaで行っていきます。
デザイナーさんからしたら、気持ち悪いデザインかもしれませんが、どうかご容赦ください。

まずはLP

はい、まずはサービスの顔となるLPから作成していこうかと思います。

と思いましたが、まだサービスのキャッチコピーを考えていませんでしたね

キャッチコピー

こちらもお得意のGPT先生にイメージを伝えて考えてもらいましょう

トップページの文言をかんがえたいです。
開発者的には、新たな界隈を作って、ユーザーが運営していき、kaiwaiを盛り上げて欲しいです。
そのような思いをのせたキャッチーな言葉をのせられたらなと思っています

新感覚、協力型SNS的な感じの

そしたら、3つほど提案してくれました

1. みんなで育てる、新しい“界隈”のカタチ。
2. ここから始まる。君だけの界隈。みんなで創るKAIWAIへ。
3. 界隈は、見つけるものじゃない。育てるものだ。

なかなかいい言葉を作成してくれますね。なんか前よりも言葉のチョイスも格段に良くなっている気がしますね

2番がかなり気に入ったので、2番に決定しようと思います

君だけの界隈。みんなで創るKAIWAIへ。

ここすごいうまいこと言っていて、感動してしまいましたね

フォントを決める

作成したいのはSNSなので、できるだけ普通のフォントがいいと思いますが、ターゲットが若者かつ、遊び目的がつよめなものなので、なるべく可愛いフォントを選びたいなと思います。

そこで、探してであったのがこちら。
Rounded Mplus 1c Bold
丸っこくて、とても可愛らしいフォントですね。

これでいきましょう

サブキャッチも考えましょう

キャッチコピーを聞いた流れで、サブキャッチも考えてくれるとのことだったので、サブキャッチもお願いします

5つほど提案してくれました

1. 好きなこと、共感できる誰か。つながりは、ここから生まれる。
2. 出会うのは、知らなかった自分と、新しい仲間たち。
3. 好きが集まると、界隈になる。それが、KAIWAIのはじまり。
4. 界隈は、きっと、君のもう一つの居場所になる。
5. 小さな好きが、大きな世界をつくる。

いやーこれは、全部いい言葉で悩みましたが、5番が端的かつ、裏のKAIWAIの情景が浮かんだので、5番に決定します。

ここまでで、一旦デザインに落としてみる

GPTと一緒に考えたキャッチコピーとサブキャッチをデザインに落としていきます

↓なかなかいい感じではないですか？

フォントと書いてあることが割とマッチしていて、わくわく感を感じられるような冒頭になっているかなと思います！

一旦、ファーストビューはよさそうな感じがして、本日はキリがいいので、ここで閉めさせてもらえたらなと

終わりに

いかがでしたか？筆者はBEエンジニアなので、フォントだったり、デザイン知識があまりないかで、GPTと一緒に歩みながら、それっぽいものは作れているのではないのかなと思います。

次の日記では、本日の続きから始め、LP完成まで持っていけたらなと思っています
それではまた👋