For this Interface Design class project, I created Spectrum, a monthly book subscription service which researches, curates, and delivers books by BIPOC and/or LGBTQIA+ authors based on the user’s genre, topic, and content preferences.
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/0337df3f-3762-4d0f-b31b-d6fab4e8bb02_rw_1920.png?h=68c2eaf48fd52b1c7abb8774291f7a3b)
In Phase 1, Strategy, I conducted competitor assessments, studied user needs and pain points, and determined features and our minimum viable product.
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/927f966d-4149-44dc-81b2-041b1bd19896_rw_1920.png?h=14426ef3273464273d676a5816c05f41)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/5ec6259c-57c2-4d13-be4c-cf292ea46860_rw_1920.png?h=b068c658902e0af378bf85fb63a55dd2)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/e4458ad4-a357-4253-8257-58776b711c74_rw_1920.png?h=81bd3866103c2bbc2c5c4f30c42a5415)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/345f0503-e79e-4b55-b6ea-2cd689741fe1_rw_1920.png?h=5d7d2eaf2ffea4e1c349e8e4b845bfb5)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/2ff70f04-7de7-4330-95fd-4f373940320f_rw_1920.png?h=268d6f6b3696538b9ffa7534f058d597)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/378eadf3-5d75-40f7-ad92-f05aa6255e34_rw_1920.png?h=b480ecf97fe504f3b76842abdf84aba2)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/54171ebf-0b2d-4f6a-bc7d-8daac7a461f6_rw_1920.png?h=d6cd7dd222082e6c907bfd540adcb0ac)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/450ab1d1-fcb3-45d9-a7bb-7384379778c7_rw_1920.png?h=ef80281353ee36b7c11ee48eead8f9e3)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/6bd91c1d-3ca1-4b83-9689-0b1294e43286_rw_1920.png?h=d25dac73ebb4eb5ae894f92b0864f4a8)
In Phase 2, User Experience Design, I created a sitemap and three feature flows.
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/2fd03e2b-62db-49f3-a0d1-a8e72ee6016d_rw_1920.png?h=63248de1ff1d742c7920eccffa4367b5)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/499c011f-a049-4aa4-ab7c-0680a74174cb_rw_1920.png?h=0e1383deeb13ac84b71f2c52f72c22d9)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/af5e5fb6-43a9-44c6-a461-e72cd77ae759_rw_1920.png?h=9df7c932d8007bfbbf27889447748e3e)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/4d3c8de5-ca5e-4f38-bef4-6d6651d0622f_rw_1920.png?h=ebc91e87e736dde8b50193b89698b61f)
In Phase 3, User Interface Design, I created a style guide, wireframes and digital comps, and working desktop and mobile prototypes in Figma.
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/d1571ed2-6152-4f99-8232-10ef6b480c57_rw_1920.png?h=4baa10e5c1ddc6686f6c0b99bc287a96)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/23668fbd-d58f-4cc8-8458-8f93649b3f30_rw_1920.png?h=3d318a26e7f93915fe0a632fd4de851c)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/6f836e8e-6fc7-4e12-a6c7-31a6317dadc1_rw_1920.png?h=a4594dd5a45225f15f0ddf8c803d3d9c)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/cdad2bb2-169c-485d-a66d-d6c9742d19c4_rw_1920.png?h=5ec8eb080d8b3d174bf89957968f8bcd)
![](https://cdn.myportfolio.com/c9a5b27d-b48e-4c4e-8b39-659714bf9ba6/9017f60a-510b-47f2-89b1-1e92d6751624_rw_1920.png?h=4c92ada9588df05bd0865903b72204e8)