Skip to content

ヤフー天気のウェブ・アプリのデザイン・実装

https://weather.yahoo.co.jp/weather/

ヤフー株式会社

Year

2015

Category

Design/Development

2015年から2017年まで、ヤフー天気のデザイナーとしてアプリとウェブのデザイン・実装を担当。機能改善とグロース施策に取り組み、平均DAUを700万ほどから1,000万超まで向上させることに貢献しました。

Work detail

アプリデザインの工夫

ヤフー天気アプリは毎日1,000万人以上のユーザーに利用されていました。 毎日、簡単かつ迅速に必要な情報を取得できるように、情報設計と表示の優先順位づけにこだわりました。

  • ファーストビュー: まず必要な情報が完結すること
  • ウィジェット/通知: アプリを開かなくても必要な情報が届くこと

また競合サービスと差別化をするため、ユーザー数の多さを強みに、今の天気を投票できる機能も開発しました。

広告運用、ASO

アプリをグロースさせていくために、YDN(Yahoo!ディスプレイアドネットワーク)広告の運用、アプリストアのPDCAも担当していました。 広告は日々の天気や地域特性に合わせて訴求を出し分け、細かな運用を通して顧客獲得効率の向上を図りました。

自社サイト内に掲載するバナーでは、スクロールに応じて訴求が変わるクリエイティブを提案・実装しました。

アクセシビリティの取り組み

ヤフー天気は災害情報等を扱っており、情報へのアクセスのしやすさが人命を左右することもあるサービスです。そのため、アクセシビリティには最大限配慮しており、誰でも認知・理解できる色使いや、スクリーンリーダーへの対応などを実施していました。

以下の画像は、スクリーンリーダーへの対応の例です。 一般的なユーザーは、黄色で「雷」と書いてあれば、雷注意報が出ていることが理解できます。一方、スクリーンリーダーの場合は「雷」と読み上げられるだけでは、注意報であることが分かりません(色の情報が抜け落ちてしまう)。そのため、読み上げ用に「注意報」というテキストを非表示で追加していました。


Yuki Shimizu

About me

Yuki Shimizu, Product Designer / PdM

  1. 2026 – 現在

    スマサテ株式会社

    プロダクトデザイナー / PdM

    新規施策の企画・立案からデザインまで、プロダクト開発を一気通貫で推進。ブランディングやマーケティングに関わるデザインも担当。

  2. 2023 – 2026

    株式会社Sales Marker

    ブランディングデザイン部 部長

    1人目のデザイナーとして入社し、組織づくりをしながら、プロダクトデザイン、ブランディング、マーケティング等を推進。ブランディングデザイン部の部長として幅広い業務を担当。

  3. 2021 – 2023

    株式会社スタンバイ(出向)

    デザイナー / PM

    少人数チームでサービス改善を推進し、年間約200本のABテストを実施。

  4. 2013 – 2023

    ヤフー株式会社

    ウェブデザイナー / フロントエンドエンジニア

    ショッピング、ニュース、天気等のサービスのデザインや実装を担当。

  5. 2013

    慶應義塾大学

    卒業

Skills
Figma / Illustrator / Photoshop / STUDIO / WordPress / Astro / React / Vue / TypeScript
保有資格
宅地建物取引士、応用情報技術者、TOEIC 940点