チーム開発 ユーザー新規登録/ログインページ 情報整理

最初のスプリント(2週間)で、ユーザー新規登録/ログインページのマークアップを担当することになりました。

 

作業内容

・DB登録情報の整理

・デザイン確認

ワイヤーフレーム作成

 

まずはDB登録情報の整理。

同じフリマアプリのメルカリやラクマを参考にピックアップしていきました。

また、事前にチームメンバーと話し合い、今回はウィザード形式を採用することになっていました。新規登録時にページを遷移させながら、ユーザーにお届け先住所などの詳細情報も入力する仕様です。サーバーサイド担当のメンバーが非常に意欲的でこちらも刺激を受けました。

 

次にデザインの確認。

こちらも同じくメルカリやラクマを参考にしました。ベースカラーやキーカラーをTOPページのマークアップを担当するメンバーと相談しながら設定。最終的にレイアウトはメルカリにほぼ合わせていくことになりました。

 

最後にワイヤーフレーム作成。

実際に手を動かす前にチームメンバーに合意を取りたかったので、パッとみて分かるようにしました。時間に余裕があったのでクラス名も一旦仮で書き込みました。

f:id:kobegoro:20200703145350p:plain

上記の作業後チームに共有し、OKだったので明日からコードを書いていきます。