Yahoo!テレビ

作品説明

番組表や番組情報を提供するヤフーサービスのコーディング領域を担当。
デザイナー主担当として、他デザイナー、エンジニア、ディレクター、プロジェクトマネージャーなどおよそ40名が関わるフルリニューアルプロジェクトを推進。

掲載期間：2020年〜現在
制作期間：6ヶ月
担当領域：UI/UXデザイン、コーディング
使用ツール・技術：Sketch/HTML/CSS

目的

プロダクトのモダン化、開発プロセス改善、システム仕様の可視化を目的としたフルリニューアルプロジェクトの遂行

対応方針

・無駄なページを集約・削除をすることで開発/運用コストを削減
・UI仕様書の作成、SEO対策、アクセシビリティの向上、作業効率を目的としたメタ言語の導入などにより、デザインにおけるモダン化を実現

改善前

無駄なページが散財した状態

施策

・Yahoo!全社のデザイン原則に則り、Yahoo!テレビ独自のUIコンセプトを策定
・コーディングガイドを作成
・レスポンシブデザイン、EJS/Sassによるモダンなコーディング環境を整えた
・GitHubによるコード管理、レビューを行うことでコードの品質向上

結果

ページの集約・削除を行い、プロダクトのモダン化、開発プロセス改善、システム仕様の可視化により、開発/運用コストを50%削減できた。