DESIGN STUDY 03 · 構成とデザインの検討用トップ / 商品ページ / 設計メモ
helocdesign tools
DESIGN STUDY 03

デザインの検討メモ

現場のプロ・セミプロ向け。ヘロさんのアイコンをそのまま使用し、黄色とチャコールをサイトへ展開しています。

今回見るところ

① 現場の道具としての雰囲気 ② 実画面の大きさ ③ 情報の順番 ④ ブランドと商品の関係。

トップページと商品ページ

トップは作り手・商品一覧の入口。Media Wallの商品ページに操作・仕様・価格を集め、今後の商品を追加できる形です。

素材について

アイコンは提供PNG。アプリ画像は9月26日版HTMLの自作の動画・音声・静止画8点を読み込んで撮影したものです。製品版の完成画面や検証済み性能を表すものではありません。撮影用静止画は本スケッチ用に作成。動画・音声はデモ専用に生成した素材です。外部画面の小窓は構成の説明図で、実機の外部出力テスト記録ではありません。

未確定項目

対応OS・ハードウェア、対応コーデック、認証・移行、無償更新とサポート、初期販売数、税表示。公開前に確定し、制作上の注記を外します。

最初のサイトマップ

Home → Media Wall → Checkout → 購入完了
Support(導入ガイド・更新履歴・問い合わせ) / About / My Account / 利用条件・プライバシー・販売者情報
英語+日本語。商品が増えた段階でApps一覧を独立させます。

トップページを見る商品ページを見る

Sketch preview