![](https://cdn.myportfolio.com/9f145ce8-0523-4433-9579-44714d3c28f7/8c3a7e67-ccb8-4dd3-bf91-f37fe30a749c_rw_3840.png?h=bf1a28cc2349142e93045ca44001c5cc)
Design brief:
• New, updated layout and feel
• Emphasis on describing experience
• Include as many buy/subscribe buttons as possible
![](https://cdn.myportfolio.com/9f145ce8-0523-4433-9579-44714d3c28f7/ceefc0f9-8890-4d0a-bbf6-d5f1e44050d3_rw_3840.png?h=8ef4fcc831a498a23171b2f04d9c9f09)
At the time, Humble was revamping a lot of the site and products - I took point on designing a new look visual for Monthly. On the left, you can see the old version, and on the right was the newer iteration the design team put together.
![](https://cdn.myportfolio.com/9f145ce8-0523-4433-9579-44714d3c28f7/238baf13-a257-4310-9940-7b2dde1bbb91_rw_3840.png?h=83898cf004391cd918a465711eaccd8f)
I started by stripping the product down to its core components. After interdepartmental discussions we added more descriptions.
![](https://cdn.myportfolio.com/9f145ce8-0523-4433-9579-44714d3c28f7/5958dffa-3bf9-40cc-a9d5-83d7830f2f1f_rw_3840.png?h=81b4cb291cc584f6e66888f5c17ea30f)
Monthly having its own original theme helped tie the product together and add something memorable for the descriptions. Having heard from our users for years, I knew they were into the narratives and recurring characters that we tried to weave into our marketing.
![](https://cdn.myportfolio.com/9f145ce8-0523-4433-9579-44714d3c28f7/458b1c1d-ee0b-4a48-8359-3d697272280a_rw_1920.png?h=04f1076d9a4232e4870d0a83aa7cde7e)
At this point, Monthly’s design was a full-blown team effort. I worked full time on the narrative visuals and gamifying the paying tiers while the director and other designer took over on other aspects.
![](https://cdn.myportfolio.com/9f145ce8-0523-4433-9579-44714d3c28f7/7478b14f-c2d6-458f-b1ee-fef36f79c0c4_rw_3840.png?h=e8ad3d70303cd5982d08d71a060ce559)
There was not a lot of time for turnaround, but the illustrations were clean and had a "sword in the stone" meets adventure narrative.
![](https://cdn.myportfolio.com/9f145ce8-0523-4433-9579-44714d3c28f7/3e2ed74d-8fe0-4cba-9e5e-bd230403c879_rw_1920.png?h=334b82ba2c0051dd3de06b7975c50b7b)
The narrative continued toward the bottom where we made different tiers of the bundle have "cooler" swords the more comprehensive the package became.
![](https://cdn.myportfolio.com/9f145ce8-0523-4433-9579-44714d3c28f7/934954df-8c86-4cd2-935a-07ec8ac83f03_rw_3840.png?h=26aba8fa3c9981034635863ab122cebf)
Sword bundle tier concept drawings.
![](https://cdn.myportfolio.com/9f145ce8-0523-4433-9579-44714d3c28f7/c4327b93-d776-4d2c-8eaf-3ddba26fd7e5_rw_1200.png?h=fe2d9ba84e7357dfa111fd781942cc81)