PowerApps x Daily UI #003 – Landing Page (above the fold)

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#003です。

今回のpromptは「Landing Page (above the fold)」です。 ランディングページのファーストビューを指しているもののようです。
初めに謝っておきますと、今回はPowerAppsとしてはほぼ何もしておらず、100%「ノンコーディング」です!

推しサービスのランディングページ

まずは何も言わずにこれを見てくれ。

マンションポエムが大好きで、そっちに寄せていった結果こうなりました。
「なんか言ってるようでたいしたこと言ってない」キャッチコピーを書くのが楽しすぎた。(PowerAppsちゃんの魅力がちゃんと伝わるように気をつけました)

デザインのエッセンス

  • サービスのテーマカラー
  • サービスのアイコンテーマ(角丸四角)
    • 公式アイコンは使わずにそこはかとない公式っぽさを出す

PowerAppsでは「無限スクロール」のスクリーンを利用しています。

今回はホリデイシーズンということもあり、ネタに走ってしまいましたが、作るのはとても楽しかったです!
Webのランディングページ自体をPowerAppsで作ることはあまりないと思うのですが、例えばサイネージに簡単な情報を表示させたい、といった用途でも利用できますね。