お世話になっております。グリコグラフィックスと申します。wanographic.wixsite.com/ggraphics/website
この度、オリジナルウェア作成サービスサイトのTOPページデザイン案をご提案させていただきます。
2)モバイル用①
・サイズが大きいため分割してご提案いたします。
【制作内容】
・ご依頼内容とヒアリングシートを元に作成いたしました。
・PC用で作成したTOPページをモバイル用に再構成いたしました。
①ヘッダー・ナビゲーション:ロゴ/ナビゲーション項目
・ロゴと検索エリア/カートアイコン/MYページアイコン/新規登録ボタン/ハンバーガーアイコン・ドロップダウン・背景透過(TOP/商品一覧/商品詳細/お問合せ)
・ヘッダー:スクロール連動タイプ・ユニクロ様を参考
②メインビジュアル PC版とほぼ同じですがアイコンデザインをプラスいたしました。
・背景:AiとPsで宇宙をイメージした背景画像を作成
・キャッチコピー(ヒアリングシートより)と補足テキスト(T-シャツとデザイン入りのT-シャツと書類のアイコンをレイアウトいたしました。)
・画像(オリジナルユニフォーム+Tシャツの提供写真)
・検索エリアと#タグ例
・新規登録ボタン
③セクション1:ベース
・タイトル+補足説明
・アイテム(ベースの素材写真がこちらに入ります。表示例としてご提供の画像をカンプ用に使用いたしました。)
・詳細画面への遷移ボタン
④セクション2:デザイン
・タイトル+補足説明
・スライドタイプ・アイテム画像(表示例としてご提供の画像をテンプレートとしてカンプ用に使用いたしました。)
・アイテムを上段と下段で分けてみました。上段はT-シャツなどのアイテム一例/下段はパンツやその他アイテム
・モバイルではスワイプして確認し、PCではスライドさせる。全部を見る際は遷移ボタンでアイテムを確認する構成です。
・モバイルサイズのスライダー:2デザイン2スライダーで見えるタイプで作成いたしましが、サイズを考慮して1デザイン2スライダーでも良いかもしれません。
・詳細画面への遷移ボタン
------ここまでが2)モバイル用①--------
⑤セクション3:お見積り
・タイトル+補足説明+詳細画面への遷移ボタン
・フォームに入力してPDFなどで出力・保存・ダウンロード・印刷が簡単にできるを想定して作成いたしました。
・御見積書をイメージしたイラスト
・詳細画面への遷移ボタン
⑥セクション4:お問合せ
・タイトル+補足説明
・イラスト:メールフォームへ質問事項を入力する操作をイメージしたイラスト
・詳細画面への遷移ボタン
⑥フッター
・社名ロゴ
・コピーライトなど
・背景:宇宙をイメージした画像
何卒よろしくお願い致します。
お世話になっております。グリコグラフィックスと申します。wanographic.wixsite.com/ggraphics/website
この度、オリジナルウェア作成サービスサイトのTOPページデザイン案をご提案させていただきます。
1)PC用
【制作内容】
・ご依頼内容とヒアリングシートを元に作成いたしました。
・TOPページ構成
①ヘッダー・ナビゲーション:ロゴ/ナビゲーション項目
・内容はヒアリングシートより:TOP/商品一覧/商品詳細/お見積り/検索エリア/カート/MYページ/新規登録/お問合せ
・ヘッダー:スクロール連動タイプ・ユニクロ様を参考
②メインビジュアル
・背景:AiとPsで宇宙らしい背景画像を作成
・キャッチコピー(ヒアリングシートより)と補足テキスト
・画像(オリジナルユニフォーム+Tシャツの提供写真)
・検索エリアと#タグ例
・新規登録ボタン
③セクション1:ベース
・タイトル+補足説明+詳細画面への遷移ボタン
・アイテム(ベースの素材写真がこちらに入ります。表示例としてご提供の画像をカンプ用に使用いたしました。)
④セクション2:デザイン
・タイトル+補足説明+詳細画面への遷移ボタン
・スライドタイプ・アイテム画像(表示例としてご提供の画像をテンプレートとしてカンプ用に使用いたしました。)
・アイテムを上段と下段で分けてみました。上段はT-シャツなどのアイテム一例/下段はパンツやその他アイテム
・モバイルではスワイプして確認し、PCではスライドさせる。全部を見る際は遷移ボタンでアイテムを確認する構成です。
⑤セクション3:お見積り
・タイトル+補足説明+詳細画面への遷移ボタン
・御見積書をイメージしたイラストを作成いたしました。
・フォームに入力してPDFなどで出力・保存・ダウンロード・印刷が簡単にできるを想定して作成いたしました。
⑥セクション4:お問合せ
・タイトル+補足説明+詳細画面への遷移ボタン
・メールフォームより質問事項を入力できる画面へを想定して作成いたしました。
⑥フッター
・社名ロゴ
・コピーライトなど
・背景:宇宙をイメージした画像
その他写真などご提供できる素材がございましたら差し替え・調整・加工対応が可能です。
ロゴのベクターデータなどあると助かります。
何卒よろしくお願い致します。
メンバーからのコメント
お世話になっております。グリコグラフィックスと申します。wanographic.wixsite.com/ggraphics/website
この度、オリジナルウェア作成サービスサイトのTOPページデザイン案をご提案させていただきます。
3)モバイル用②
・サイズが大きいため分割してご提案いたします。
【制作内容】
・ご依頼内容とヒアリングシートを元に作成いたしました。
・PC用で作成したTOPページをモバイル用に再構成いたしました。
------ここからが3)モバイル用②--------
⑤セクション3:お見積り
・タイトル+補足説明+詳細画面への遷移ボタン
・フォームに入力してPDFなどで出力・保存・ダウンロード・印刷が簡単にできるを想定して作成いたしました。
・御見積書をイメージしたイラスト
・詳細画面への遷移ボタン
⑥セクション4:お問合せ
・タイトル+補足説明
・イラスト:メールフォームへ質問事項を入力する操作をイメージしたイラスト
・詳細画面への遷移ボタン
⑥フッター
・社名ロゴ
・コピーライトなど
・背景:宇宙をイメージした画像
何卒よろしくお願い致します。