![PB white.png](https://static.wixstatic.com/media/2a22a8_367c8ada9df1455c835559e0a3860734~mv2.png/v1/fill/w_233,h_170,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/PB%20white.png)
![](https://static.wixstatic.com/media/2a22a8_409f4d4d81594c8d8a74235ae1debaed~mv2.gif)
Deats
A mobile application centered on providing the latest details and discounts for local food chains and restaurants.
Problem
Create an application on the mobile device that is targeted at a niche audience and is centered around one of the three options:
-
Calendar
-
Notepad
-
To-do list
​
Must take a design-centric approach to user interface and user experience design centered around a visual communications perspective, rather on one focused solely on development.
Solution
​My solution to the given task was to create an application for those interested in discounts and details on limited time items in the food industry. Deats is a mobile application centered on providing the latest details(otherwise known as deats) on discounts or deals from local food chains and resturants.
Brand Identity
Logo Variations
Color Palette
![DEATS visual logo .png](https://static.wixstatic.com/media/2a22a8_1163b6ea9952408085682b9b33b1f4fa~mv2.png/v1/fill/w_163,h_161,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/DEATS%20visual%20logo%20.png)
![Group 391.png](https://static.wixstatic.com/media/2a22a8_792c8bfde1c942dc8cdca4070bdea063~mv2.png/v1/fill/w_292,h_115,al_c,q_85,enc_avif,quality_auto/Group%20391.png)
![DEATS Brand Identity.png](https://static.wixstatic.com/media/2a22a8_f79ad324487e448680963319c290816d~mv2.png/v1/fill/w_542,h_288,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/DEATS%20Brand%20Identity.png)
![Group 47.png](https://static.wixstatic.com/media/2a22a8_0bbd0d516c0e489d855361b4184d7165~mv2.png/v1/fill/w_129,h_129,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%2047.png)
![Group 288.png](https://static.wixstatic.com/media/2a22a8_1dace91977214bfba35f0dffec95491a~mv2.png/v1/fill/w_174,h_111,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%20288.png)
![Group 303.png](https://static.wixstatic.com/media/2a22a8_b5384477977e48578c770657cfed15ff~mv2.png/v1/fill/w_135,h_123,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%20303.png)
Basic Stickers
![Group 258.png](https://static.wixstatic.com/media/2a22a8_e64f14cffbba4624a45064e4180ea13f~mv2.png/v1/fill/w_133,h_125,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%20258.png)
![Group 386.png](https://static.wixstatic.com/media/2a22a8_df4ccac35926466486438a4d5b0e524b~mv2.png/v1/fill/w_109,h_112,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%20386.png)
![Group 257.png](https://static.wixstatic.com/media/2a22a8_6949c45436874e63a3ca4911aff5797f~mv2.png/v1/fill/w_92,h_92,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%20257.png)
Decor Stickers
![Group 186.png](https://static.wixstatic.com/media/2a22a8_b3a5a5a267ad4727b0d1c7b782aa1e69~mv2.png/v1/fill/w_137,h_136,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%20186.png)
![Group 179.png](https://static.wixstatic.com/media/2a22a8_e5e3c5c1419e48a197d30bdaf17397c6~mv2.png/v1/fill/w_128,h_127,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%20179.png)
Brand Stickers
Walkthrough
![](https://static.wixstatic.com/media/2a22a8_b0f0de360d064f879c0c8203f4f26bebf000.jpg/v1/fill/w_973,h_641,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a22a8_b0f0de360d064f879c0c8203f4f26bebf000.jpg)
A walkthrough example of how a returning user would navigate through the application.
Highlighted Features
Viewing the Deats
![](https://static.wixstatic.com/media/2a22a8_3f5f17f6e6a14490832a8277a56323da~mv2.png/v1/crop/x_0,y_137,w_2997,h_1863/fill/w_981,h_610,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/2a22a8_3f5f17f6e6a14490832a8277a56323da~mv2.png)
Adding to the Calendar
![Deats mockup 2.png](https://static.wixstatic.com/media/2a22a8_a77fd9e9f497490081336ad753896475~mv2.png/v1/crop/x_0,y_133,w_2997,h_1867/fill/w_979,h_610,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Deats%20mockup%202.png)
Process
![CamScanner 02-09-2023 21.57n_2.jpg](https://static.wixstatic.com/media/2a22a8_c24b3f56f2214a36b891a548fb69d52d~mv2.jpg/v1/crop/x_4,y_507,w_1244,h_1197/fill/w_355,h_342,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/CamScanner%2002-09-2023%2021_57n_2.jpg)
![CamScanner 02-09-2023 21.57n_4.jpg](https://static.wixstatic.com/media/2a22a8_0d2e6d71fb5b45be861adbb77affbcc4~mv2.jpg/v1/crop/x_0,y_0,w_1912,h_2490/fill/w_315,h_410,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/CamScanner%2002-09-2023%2021_57n_4.jpg)
![CamScanner 02-09-2023 21.57n_1.jpg](https://static.wixstatic.com/media/2a22a8_8613e7ee52fe4c2d8ecad1eda59ea29b~mv2.jpg/v1/crop/x_611,y_897,w_674,h_1734/fill/w_181,h_466,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/CamScanner%2002-09-2023%2021_57n_1.jpg)
I originally came up with the idea of incorporating a fork into the logo, but this motif ended up setting me back. Although it was a fun idea, it lacked substance, putting me at a standstill when brainstorming.
My solution hit me later than I would have liked, but after playing around with shapes, I realized I could base my system off of the bright and playful idea of discount stickers. Since Deats is about informing people on discounts on food, I thought of making the application sticker-inspired.
Low-Fidelity
![Deats Lo-Fi](https://static.wixstatic.com/media/2a22a8_bdf35f4218f14e1892b5bfc35ef551d1~mv2.png/v1/fill/w_1014,h_955,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Deat%20Wireframes.png)
![Deats Hi-Fi](https://static.wixstatic.com/media/2a22a8_76a7844a3b214627975cf981715a7610~mv2.png/v1/fill/w_1048,h_764,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202023-03-06%20at%204_56_47%20PM.png)
Final High-Fidelity
![DEATS visual logo .png](https://static.wixstatic.com/media/2a22a8_251cb0d9e7d74fe0946e94f1cf5203f8~mv2.png/v1/fill/w_76,h_75,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/DEATS%20visual%20logo%20.png)