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

リニューアルの推進

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

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

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

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

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

さまざまなプロジェクト

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

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

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