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

はじめに

前回の記事: https://zenn.dev/nakamasa/articles/b0b47fe68beb29
やってまいりました。6日目でございます。
今日はログインページのデザインを作成していこうと思います

tiktokもzenも書きながら個人開発をしているわけですが、なかなか業務後と土日だけで進めるのは大変だなと思う今日この頃でございます。

とはいえ、趣味なので楽しくできていることはとてもいいことなので、しっかり続けていこうと思います。個人開発で収益を得るぞーーー

ログイン画面

では、早速ログイン画面を作成していきましょう
一般的なログイン画面はIDとPasswordでログインすると思いますが、いかんせんめんどくさいですよね。特にiPhoneだとsafariユーザーも多いと思うので、ブラウザが覚えてくれていることも少ないということから、今回はメール認証 or google認証にしようと思いました

メールで届いたリンクを一度踏まなくてはいけないというめんどくささはあるものの、パスワードを忘れたとか、IDなんだっけがないのは結構いいなと考えています

画面はこんな感じ。
お得意のグラデーションをいいアクセントに入れていきます。

新規登録画面

ほとんど同じですが、新規登録画面はこんな感じです

メール送信完了画面

メール送信画面はこんな感じ。チェックマークがいい感じに、色があっていい味を出していますね

最後に

本日はサービスには絶対ある、ログイン画面と新規登録画面のデザインを作成しました

少しロゴが浮いてきたので、
ロゴはいつか知り合いのデザイナーに色を合わせてグラデーションで作成してもらおうかなと思っています

次はプロフィール編集ページをデザインしようと思います。
それではまた👋