While working at WarnerMedia, I designed an interactive Character Guide for the Raised By Wolves show page on HBOMax.com
![](https://cdn.myportfolio.com/0a101ac971c155f93288c43834631b2f/645069b1-66fa-4a03-bf5d-5afbb8dbab27_rw_1920.jpg?h=054af24cf831af849a1e9acf4c108b76)
Starting with this Character Tree as a reference, I designed the below pages as an interactive way to understand the relationships between the show's characters. I designed both web and mobile versions, plus a printable PDF. The user selects the branches and factions they want to explore further, and the website responds accordingly. I first created basic wireframes, then we ran user tests, and I made changes based on the feedback. Created in Sketch.
Web designs for the Mithraic section of the Character Guide, separated into two factions, Clerics and Military
![](https://cdn.myportfolio.com/0a101ac971c155f93288c43834631b2f/ffdca6bd-dbbc-4e3d-b818-20dac8e971e9_rw_1920.jpg?h=dc866addb6c8ea8bb1a94190bff9c045)
![](https://cdn.myportfolio.com/0a101ac971c155f93288c43834631b2f/531f77a3-b9fe-4924-b9bf-dcb383accc55_rw_1920.jpg?h=6fde7be9231fd50c1dcb1b495aad5363)
Web and mobile versions of the Atheist section of the Character Guide
![](https://cdn.myportfolio.com/0a101ac971c155f93288c43834631b2f/86394c61-185b-4e38-b158-fc610f1a2116_rw_1920.jpg?h=6a783ab3230b8a24ae6afa73509bc298)
![](https://cdn.myportfolio.com/0a101ac971c155f93288c43834631b2f/ebbf4b8f-e7f5-428f-b8d5-d893395f5b35_rw_600.jpg?h=673eb27f4c063f08a9a7ac59f46c5d0d)
Printable version of the guide for viewers to download
![](https://cdn.myportfolio.com/0a101ac971c155f93288c43834631b2f/a44d1102-8bda-40c8-a53f-a5468aabc667_rw_1920.jpg?h=db0fd680cdb2389138eb6f4d407330b6)