I was the design for the Yahoo Search UI optimization effort. I began with page narrative and the design system, iterating and collaborating cross functionally with engineers, product managers and the design team to land on micro and macro optimizations. We ran a series of tests to learn how each change impacted metrics with the goal of stabilizing metrics before a full production launch.
Page Narrative
Examined how content shifts along with query intent.
![](https://cdn.myportfolio.com/fefbf35a1faa937a9d69f056cca8b684/5ecc6a2e-52f0-46b4-b805-908691a1ea34_rw_1920.png?h=438abe66244d48084391269a898be333)
Visual Clean up
Made vertical spacing consistent and minimized the number of font sizes, colors and treatments.
![](https://cdn.myportfolio.com/fefbf35a1faa937a9d69f056cca8b684/adec6084-5ef2-4c38-827e-759d055b0c77_rw_1920.png?h=1e369432cce7589d063eea3f2f67f868)
Created a grid system that scaled from 1024 to 1280+
![](https://cdn.myportfolio.com/fefbf35a1faa937a9d69f056cca8b684/c971f710-4fa6-4e75-a95d-f06d1e636914_rw_1920.png?h=034fbab4dcdc87aee52b5edcbeafe77b)
Color optimization
We ran many tests that uncovered how attributes of color (saturation, brightness, hue and contrast) impact metrics.
![](https://cdn.myportfolio.com/fefbf35a1faa937a9d69f056cca8b684/0f6657b4-eb3b-45c4-8d44-3026374a16d4_rw_1920.png?h=e3d07d0755a32d8501ec4c5dac98efbf)