サイト作成サービスのテンプレート開発

対応期間

▷ 2019.01 - 2019.05

使用技術

▷ React / Adobe XD

独自CMSを使用したテンプレートのデザインと実装を行いました。

デザインはAdobe XD、実装はReactを使用

テンプレート実装はこちら ▷ https://pagy-templates-3.netlify.app/

（テンプレートのため中身のデータはテストデータ）

担当業務

• デザイン
  • ワイヤーフレーム作成
  • デザイン作成
• 実装
  • コンポーネント作成
  • 格納データによるコンポーネント表示分け
  • style実装

工夫した点

• 汎用性を重視した
• CMSでの入力情報によってデザインが変わるため、デザイン時にきちんと全パターン網羅し、実装のときに手戻りがないように意識した
• こちらのサービスが立ち上げ期であったこともあり、テンプレート開発を行っていく上で気になった仕様については提案した