ロゴ

グルメサイト

背景色 モックアップ

サイトの概要

  • グルメサイトのメインとサイドバーの2カラム構成。
  • 店舗情報をエリアやジャンルなど様々な方法で調べることができる。
  • サイドバーではポイントの詳細や登録情報の変更などをすることができる。

実施した施策

  • メインコンテンツにピックアップした店舗の選択方法とライターのおすすめやユーザーレビューを記載し関心を持ってもらえるようにしました。
  • 検索しなくてもエリアやジャンルに合わせて店舗を探せるように選択する手段を増やしました。
  • サイドバーでは個人に関する情報を中心にまとめ、現在のポイントやランクが一目で見てわかるように工夫しました。

作成してみて

初めてFigmaをデザインカンプとして使用しました。オートレイアウトやコンポーネントなどFigmaにしかないデザイン機能が多数あり、今まで使ったきたツールで一番使いやすいと感じました。 また、プロトタイプで各デバイスに合わせた画面表示や画面遷移を確認することができるので、今まで以上にユーザー目線に立ちデザインを作成できると思いました。

制作物

15時間

担当領域

コーポレートサイトデザイン

使用ツール

Figma

使用言語

HTML,CSS,jQuery

HOME