スマホアプリ向けのウェブサイトをHTMLとCSSで制作：機能、スクリーンショット、料金、ストアリンク、スマホ対応

成果物の例

スタンダードパッケージの例すべて表示

献立作成アプリの2ページ構成のウェブサイト

トップページと料金ページ

スマートフォンで見たトップページ

ファイル： 互いにリンクした2つのHTMLページ、スタイル、サイト用に描き下ろした画像5点を収めたZIPファイル。クライアントのサーバーにそのままアップロードできます。ここに掲載している画像は各ページのスクリーンショットです。

クライアント： 忙しい家族のために1週間分の夕食の献立を立てるアプリ、Plately。 ご依頼： アプリでできることと使い方を紹介するトップページと、3つのプラン、比較表、よくある質問を載せた料金ページ。アプリにつながる登録ボタンを付け、配色はリーフグリーンとウォームオレンジ。

お客様とすべての情報は架空のものです。

このサービスについて

スマホアプリのサイトの役割は1つ。アプリで何ができるかを数秒で見せ、ストアでインストールしてもらうことです。依頼内容をもとに文章を作成し、制作します。一番の魅力とダウンロードボタンを載せたファーストビュー、機能、アプリの使い方の流れ、実際のスクリーンショット、プランやアプリ内課金、よくある質問、サポートの連絡先。ストアボタンは、いただいたリンクを開くシンプルなテキストボタンです。こちらで描くイラストは文字やUIを含まないイメージで、アプリの実際の画面はアップロードいただいたスクリーンショットでのみ紹介します。評価、ダウンロード数、レビューはいただいた場合のみ掲載します。サイトに登録や決済の機能はなく、サーバーとドメインは含まれません。

含まれる内容

• 納品内容アプリサイトのページ、スタイル、画像をまとめたZIPファイル（サーバーにすぐアップロード可能）と、注文ページでの全ページのプレビュー。
• ダウンロードボタンアプリのストアページへのテキストボタンを、ページの上部と最後に
• 実際の画面をそのままアプリの実際のスクリーンショットを、対応する機能の横に配置
• 無料と有料を並べてプラン、無料トライアル、アプリ内課金を1つのわかりやすい表に
• アプリ用のイラストアプリのカラーで、文字やUIなしで描き下ろし
• スマホファーストで訪問者の多くはスマホから来るため、小さな画面でも読みやすく。きれいなHTMLとCSS

ご利用の流れ

1. 1
   依頼内容アプリ、プラン、ストアリンクを説明し、スクリーンショットとアプリアイコンをアップロードしていただきます
2. 2
   サイト文章を作成し、イラストを描き、ページを制作します
3. 3
   プレビューとアーカイブパソコンとスマホで全ページを確認し、プランの範囲内で修正を依頼して、アーカイブをダウンロードします

ご用意いただくもの

アプリ名、何ができて誰向けか、主な機能3〜6つ、無料か有料か、サブスクリプションやアプリ内課金がある場合はその料金、アプリのストアページへのリンク、サポート用メール、必要なページ。任意で、PNG、JPEG、WebP形式の画像を最大5点：アプリアイコンまたはロゴ、アプリの実際のスクリーンショットなど、使用権をお持ちのもの。

お伺いする内容：

• アプリの機能と対象者は？
• 主な機能
• 無料、有料、サブスクリプションのどれですか？
• ストアリンクとサポートの連絡先
• 色と雰囲気

プランを比較

質問と回答

答えが見つかりませんか？ 質問する