情報が揃っているだけじゃ、見た人の心は動かない

2026年10月29日 12:27

エンジニアじゃない私が、Claude Codeを使いながら少しずつ強くなっていく記録です。今回はLv.6を目指します。

自己紹介の記事で、これからはアプリのサイト作りやSNSの運用など、実際にやっていることを書いていくと言いました。

今回はその1つ目で、アプリの紹介ページの話です。

審査に出すときに必要だった

紹介ページを作ることになったのは、App Storeの審査に出すときでした。申請の画面に、アプリのページのURLを載せる欄があったんです。

アプリを出すにはページもいるんだ、とそこで初めて知りました。

コードは書けないので、ページもClaude Codeに作ってもらいました。アプリの紹介、プライバシーポリシー、問い合わせ先の3つのページです。

公開にはGitHub Pagesを使っています。GitHubに置いたファイルを、そのままWebページとして見られるようにしてくれる仕組みで、お金はかかりません。GitHubのことは4本目にも書いています。

あとから、アプリのSNSのアカウントに飛べるボタンも足しました。X、Instagram、Threads、YouTube、TikTokの5つです。足したあとは自分のiPhoneで1つずつ押して、ちゃんと開くか確かめました。

できあがったページには、必要な情報は全部揃っていました。でも見ていると、どこか無機質でつまらなかった。

自分の作ったアプリのページなら、見ているだけでワクワクするものにしたい。見た人の心を動かすようなページにしたいと思って、デザインを作り直すことにしました。

いちばん迷ったのは方向性でした。スタイリッシュでかっこいい感じにするか、和の雰囲気を前に出すか。

アプリには日本の伝統色を使っていて、SNSでも伝統色のクイズを出しています。ページもアプリのブランドのイメージに近づけたいけど、どっちが近いのかは見てみないと分からない。

そこでClaude Codeに、何パターンも作ってもらいました。最初に4つの案を見て、次に高級感を出した案を4つ。そこから1つを選んで、さらに4つに作り分けてもらいました。3回見比べて、やっと「これだ」と思えるものに決まりました。

選んだのは、和紙のような紙の上に伝統色がにじむデザインです。

方向が決まってからも、細かい調整が続きました。特に悩んだのは、アプリの機能を伝える見出しの言葉です。何ができるアプリなのかを一言で伝えたいのに、なかなかしっくりくる表現が見つからない。

そのあとも、小さな文字の読みやすさや、SNSのボタンの色、ページの最後に置く一言を決めていきました。直してもらうたびにiPhoneとパソコンの両方で開いて、気になるところをまた伝える。これを納得がいくまでくり返しました。

正直、ここがいちばん大変だった。

新しいデザインは、まだ試作の段階です。アプリの公開が終わったら、本番のページに入れてもらう予定です。公開できたら、作り直す前と後を比べてまた書きます。

【追記 2026/11/1】
続きはこちら。実は、このあともう一度作り直しました。

ここまで読んでくれてありがとう！スキしてもらえると、次のレベル上げの励みになります。