![](https://cdn.myportfolio.com/2f86d9b94498961bb6b43166b89a74d1/c1e5e9e9-bd83-46bb-a0da-1a1726ab0eac_rw_1920.jpg?h=3f3eca52cee0086e8716c822da960282)
Despite its long history, the online version of this title was neglected and looked even more out of sync as the print side underwent a redesign. To get it up to speed while minimizing dev and editorial resources needed, most of the existing content and basic functionality stayed the same. The UI got a fresh look based on the new print style. The header was redesigned to include links to time-limited special content and site architecture was also cleaned up.
![](https://cdn.myportfolio.com/2f86d9b94498961bb6b43166b89a74d1/3fc39891-fb87-4a4b-8ee6-a55cc06d3077_rw_1920.gif?h=5c8f650716d053ae2324dd9f417cbb01)
![](https://cdn.myportfolio.com/2f86d9b94498961bb6b43166b89a74d1/a52dbcfa-b0aa-4c67-8fa9-115470927bcb_rw_1920.jpg?h=c475d716411b5c06032cc42523539549)
This is the homepage showing a fixed header that collapsed into shorter rows after scrolling down, keeping channel links accessible on longer pages.
![](https://cdn.myportfolio.com/2f86d9b94498961bb6b43166b89a74d1/4385903a-0e10-4fba-87a7-9f6775317cbe_rw_1920.gif?h=008b8cbd6335a523cae3d12916cff965)
![](https://cdn.myportfolio.com/2f86d9b94498961bb6b43166b89a74d1/968a9568-6d85-4e20-bb81-f8c124dd2c62_rw_1920.jpg?h=87b937d533e153b3cbd1352064c66aea)
This page was a key screen that other tertiary pages were based on, like recipe, video and slideshow.
![](https://cdn.myportfolio.com/2f86d9b94498961bb6b43166b89a74d1/8516fec7-0b55-4208-9d87-2c58219138af_rw_1920.gif?h=346df2465208aa9b83bdf203bb881523)
![](https://cdn.myportfolio.com/2f86d9b94498961bb6b43166b89a74d1/5716d324-a83a-4a0a-8d5f-03185bee4787_rw_1920.jpg?h=01b8b8dc770163ab2d620bc9934b77df)
At the start of the redesign, I reviewed the existing site (design, content inventory) and new branding materials provided by the print team. Several sketches were evaluated by our team before narrowing down to a single direction.
![](https://cdn.myportfolio.com/2f86d9b94498961bb6b43166b89a74d1/9609bb28-0d7f-4af4-9258-c49ba3b6aa83_rw_1920.gif?h=331f095fedc5288e0175552b334899bd)
![](https://cdn.myportfolio.com/2f86d9b94498961bb6b43166b89a74d1/206635f4-56af-413b-85d2-62938caa5ad5_rw_1920.jpg?h=6e33128ba3888a27cd1d876dd6d8540d)
One of the highlights of this project was having a fair amount of time to do visual QA with the dev team. With some detailed specs and review notes, they did a fantastic job translating the design on the front end.
![](https://cdn.myportfolio.com/2f86d9b94498961bb6b43166b89a74d1/e3e0221b-c5ab-4599-ae59-f5fcca3592b0_rw_1920.gif?h=bbaf1cffa8feb3a5b723ffbe0509f212)