Below is a walkthrough of the app's main features and navigation. As well as the wireframes used to build it out and a screenshot of the main pages. All the design assets were made in Illustrator and the app was built using Adalo.
![](https://cdn.myportfolio.com/a65e1b56-bfb0-4926-be1f-6fb15f316b82/84f9990b-6e0f-4e7d-9e3f-a470ee12dc58_rw_1200.png?h=ec50fb37105db39b6fc0ed4a1cac1dae)
![](https://cdn.myportfolio.com/a65e1b56-bfb0-4926-be1f-6fb15f316b82/a22c824a-d794-45e6-a553-fa3b9a6c3dad_rw_1920.png?h=001e8a9bd8973abbf5d2aa5d98f8905b)
![](https://cdn.myportfolio.com/a65e1b56-bfb0-4926-be1f-6fb15f316b82/a29ecdb7-849d-4cfc-a930-6c6e9da16395_rw_1920.png?h=1322f6ae88c50eab1f473f96f5ba33d2)
![](https://cdn.myportfolio.com/a65e1b56-bfb0-4926-be1f-6fb15f316b82/d5bbe183-8ba2-44c8-8340-874124d66c75_rw_1200.png?h=ece404c937dfb21be69f3bb468bfd943)
![](https://cdn.myportfolio.com/a65e1b56-bfb0-4926-be1f-6fb15f316b82/8f6b1c51-628b-4276-91e0-a00507dc8d26_rw_1200.png?h=266578a2f9c644e5723cd037a5da80f9)
![](https://cdn.myportfolio.com/a65e1b56-bfb0-4926-be1f-6fb15f316b82/23007ae1-c087-4f51-84ed-0f33622f6e80_rw_1200.png?h=87fabc691a9fe8c41ba2973d08535095)
![](https://cdn.myportfolio.com/a65e1b56-bfb0-4926-be1f-6fb15f316b82/17599047-ee7c-4e72-88af-40a96f4fd0fb_rw_1200.png?h=793372062f78df9669ba10fa6aca481d)
![](https://cdn.myportfolio.com/a65e1b56-bfb0-4926-be1f-6fb15f316b82/0cfbef1a-4fe8-41e8-b44b-60a2a5b39196_rw_1200.png?h=266ed5e519cf92eddb4ca96733186320)
For this project I used a no-code app designer Adalo to create my own sleep noise app. I chose this app because it's something I often use and have never found one with a mobile friendly interface. I wanted the UI/UX to feel similar to Spotify because it's an app that people are already familiar with and know how to use. I used dark colors because the app will most likely be used at night before going to bed. I simplified the navigation and pages down to four, highlighting the three main features: sounds, mixes, and controls.