Skip to content

ヤフーニュース(ウェブ)のデザイン・実装

https://news.yahoo.co.jp/

ヤフー株式会社

Year

2017

Category

Web Design/Development

2017年から2021年まで、ヤフーニュースのデザインチームリーダーとして、ウェブのデザインと実装を担当。React化の流れの中で、デザインと実装の橋渡し役としてリニューアル・改善を推進しました。また特集ページや新規サービスの立ち上げにも数多く参加し、幅広い領域の業務を担当しました。

Work detail

リニューアルの推進

3〜5人程度のチームメンバーをマネジメントしつつ、ウェブサイトのリニューアルを推進しました。

デザインデータが整理されていない/読み解きづらいコードが残っている、といった課題に対して、エンジニアと連携しながら刷新しました。

  • デザイン×実装の整合: 実装コンポーネントとFigmaコンポーネントの粒度を揃える
  • 確認性: コンポーネントをStorybookで確認できる状態を整える

幅広いユーザーが毎日使うサービスのため、表示速度やアクセシビリティにも配慮をしていました。 特にアクセシビリティに関しては積極的に取り組み、自分が主導してワーキンググループを立ち上げ、以下を推進しました。

  • セマンティックなマークアップの徹底
  • WAI-ARIAの活用
  • スクリーンリーダーでの確認、印刷時の表示の確認
  • コントラストの担保
  • キーボードだけでの操作の担保

さまざまなプロジェクト

ヤフーニュース本体から少し離れたプロジェクトにも参加し、選挙特集、コロナ特集、戦争の記録アーカイブ特集など、さまざまな案件でデザインと実装の経験を積みました。

「ヤフーくらし」の立ち上げ

2021年に新規サービスとしてヤフーくらしをリリースすることになり、初期メンバーとしてデザインと実装を担当しました。 スケジュールが厳しい中での立ち上げだったため、他のデザイナー・エンジニアとデイリーでコミュニケーションを取りながら、UX設計・UIデザイン・実装を進めました。


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点