https://j-dj-design.com/hey daily 0.75 2026-02-06 https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/ae5c5f70-f668-401d-8f43-4eeb4d2ced9c/profile+photo.JPG https://j-dj-design.com/new-page daily 0.75 2025-12-02 https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg VIsual Design https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg VIsual Design https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694644871-IC85FNH781UNZSZEGHDR/Aro+Ha_0428.jpg VIsual Design https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847767761-J2M1HI20BXRQ9XCR0HUD/Large+JPG-Aro+Ha_0387.jpg VIsual Design https://j-dj-design.com/home daily 1.0 2026-02-20 https://j-dj-design.com/home/remarkablelandmarksposter monthly 0.5 2025-12-14 https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/ea26bd89-8ea2-4f4e-a02d-4dc1c14b7c5f/De+Jesus_Justin_HWK+20-03.png Home - Remarkable Landmarks Poster https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/72095c1e-bd90-4274-93ac-d554ebe86527/De+Jesus_Justin_HWK+20-04.png Home - Remarkable Landmarks Poster https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/7e6521a4-7a26-4c1a-9faa-b43179c1699a/De+Jesus_Justin_HWK+20-05.png Home - Remarkable Landmarks Poster https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/a4fc8097-addf-41a1-bd95-77b5dcb12e57/De+Jesus_Justin_HWK+20-06.png Home - Remarkable Landmarks Poster https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/df5e307f-ccfb-4e01-a217-9b691862beb9/De+Jesus_Justin_HWK+20-07.png Home - Remarkable Landmarks Poster https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/16aa662b-ce36-4488-9360-805dbcb5253e/De+Jesus_Justin_HWK+20-01.png Home - Remarkable Landmarks Poster https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/64f21be6-b281-41d6-80cd-9e4084cd1be3/De+Jesus_Justin_HWK+20-02.png Home - Remarkable Landmarks Poster https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/cfa616bd-d7c8-4c07-8d2e-78632ceaf4cc/buddhaposter.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/cfe6c626-b893-4e45-b067-ce6e2b4aaed7/De+Jesus_P2+Moodboard-01.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/5f78459d-3337-439a-81a1-50b4b6907455/De+Jesus_P2+Moodboard-02.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/f47fcbfb-5c90-4964-ae1c-82a41b7d2a7b/442_p2_colors+and+fonts%402x.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/75d9c498-aba5-4922-955f-ab14b58d06df/bus-stop-poster.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/05d9e926-4846-492c-9ebc-179a0d66050c/Artboard+2+copy%402x.png https://j-dj-design.com/home/dataselfies monthly 0.5 2026-02-20 https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/50b03303-5170-403e-9537-102fed1929a9/441_De+Jesus_HWK_25-14.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/00ecf2ee-c6cd-4d90-a7dd-b534f1008083/441_De+Jesus_HWK_25-01.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/59659483-8799-4d55-aba7-dfaaabcf24ec/441+P3Posters-13.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/2bd8cf5e-f146-47f4-adc5-57cafafb34e6/441_De+Jesus_HWK_25-05.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/549bf330-0fb8-4c5a-a42f-4bd667f70d8d/441+P3Posters-12.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/613f591c-8e18-4cfe-8a42-877280527346/441_De+Jesus_HWK_25-03.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/a52f94d5-f423-411f-a15e-4498e83392de/441_De+Jesus_HWK_25-09.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/2ea24c15-ed20-4367-9dd6-27683b2af816/441_De+Jesus_HWK_25-06.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/365cf4de-51be-40bd-87b9-8682214326d0/441_De+Jesus_HWK_25-08.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/dd468baa-36ba-48dd-a9a3-aecaa26ab04f/441_De+Jesus_HWK_25-11.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/98636748-3666-48f8-86b5-7500981e72b4/441_De+Jesus_HWK_25-07.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/4cd63325-c49d-4bee-a25a-a85adf1313d6/441_De+Jesus_HWK_25-02.jpg Home - Data Selfies https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/868b0c4f-7e3b-4ad8-bc2d-f9baabe8a3ef/horizontalposter.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/6cad9265-b878-4547-a189-16e8fee158f0/vvxjsx0bvy8a1.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/ba0dda96-8065-48c6-9f4b-4a49db755ebd/data-selfie-type.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/fecb1805-1ae8-4f2b-8563-633edd0b38c3/pinkpostermock.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/ca0736f6-65ef-4205-96d3-4a3a45f21395/p3+fonts+and+colors%402x.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/fd980411-c7bb-4a09-b66d-87c3bd1cdc21/orangepostermock.jpg https://j-dj-design.com/home/designforchangeposter monthly 0.5 2026-02-17 https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/2c516106-006d-450f-b250-bc4420459089/Screenshot+2026-02-15+at+9.19.48%E2%80%AFPM.png Home - Design For Change: Information Graphics https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/d1f80d8e-2ee7-417d-8dfd-b2ddfa303e63/Screenshot+2026-02-15+at+9.20.03%E2%80%AFPM.png Home - Design For Change: Information Graphics https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/52287dc6-49c1-442e-b098-4d212abcf353/Screenshot+2026-02-15+at+9.20.30%E2%80%AFPM.png Home - Design For Change: Information Graphics https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/d808d054-7b68-4967-a309-6634a0885e8f/Screenshot+2026-02-15+at+9.21.00%E2%80%AFPM.png Home - Design For Change: Information Graphics https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/d1e74b71-0129-486d-9673-7766dfda99ff/Poster+Draft+1%402x.png Home - Design For Change: Information Graphics I knew that I wanted to use sticky notes as my primary motif very early, so with the first poster drafts I was primarily focused on finding the best composition to make the flow of information easiest to take in. I added a crumpled paper texture later down the line to emphasize the idea that this was a resume draft someone threw away out of frustration.  https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/7e7cfff1-42f3-495a-b1b8-db3f0b751297/p1_poster_draft2%402x.png Home - Design For Change: Information Graphics I knew that I wanted to use sticky notes as my primary motif very early, so with the first poster drafts I was primarily focused on finding the best composition to make the flow of information easiest to take in. I added a crumpled paper texture later down the line to emphasize the idea that this was a resume draft someone threw away out of frustration.  https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/e6e5d065-46e1-4624-86ab-6b67cc70decd/737e9837-0b2a-4bd6-a396-cd5f642666af_rw_600.png Home - Design For Change: Information Graphics I knew that I wanted to use sticky notes as my primary motif very early, so with the first poster drafts I was primarily focused on finding the best composition to make the flow of information easiest to take in. I added a crumpled paper texture later down the line to emphasize the idea that this was a resume draft someone threw away out of frustration.  https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/3ad9d6f6-97d4-4eeb-9214-be7e36622199/figma+draft+1%402x.png Home - Design For Change: Information Graphics With the interactive model wireframes, I wanted to keep the same design system but adjusted for computer screens. I felt that a fun way to make the system interactive would be to fold the sticky notes, and have the user unfold them to reveal the models. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/c155925f-6f47-4713-a14a-17349b47b4a2/figma+draft+2%402x.png Home - Design For Change: Information Graphics With the interactive model wireframes, I wanted to keep the same design system but adjusted for computer screens. I felt that a fun way to make the system interactive would be to fold the sticky notes, and have the user unfold them to reveal the models. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/047db9db-322e-45d7-9c33-063d2fffd721/jobs-jobs-poster-jobns.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/ce301594-0138-430b-b20b-c7100d65c3f3/sticky+elements%402x.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/46ef0e7a-43fd-4768-9d9c-74b1f8e65690/quote+elements%402x.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/4d570235-2e0a-40c3-aa31-bff457158891/icon+elements%402x.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/5741fdc5-9459-4e01-b0f3-7be56c8343f3/final+elements%402x.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/84f7c824-3e56-4438-a8d6-03023646e894/infograft+fontswatch.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/057ea5f5-310a-45d1-8fd1-e2ddbaec4884/3f0f885b-8282-4670-99c6-f72cd4538ae2_rw_1920.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/20eec647-a581-4a5d-8b3c-5f0a8a9c95c7/441_P1_Poster_Mockup.png https://j-dj-design.com/home/typefaceandcafe monthly 0.5 2026-02-20 https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/62fc4a41-020e-49fd-82ca-20b49298ac1c/ssugawaterprocess5.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/d94dfb37-0054-49e7-a11c-7c3893afc824/sugawtaaprocess7.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/480f57b6-9dc5-43cc-9a68-89c8cbed36b3/2%402x-100.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/64fb776a-d0b1-4fff-a97d-49940a2f5d55/sugaawaaterprocess6.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/2bb55a12-46a6-47b8-97af-f1375062cb64/sugawaaterprocess8.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/7da4870e-ead6-44c1-89bf-827bf9d68537/3%402x-100.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/edb36ab2-750f-440b-8b11-5cd8688586ed/sugawaterprocess1.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/5dc8c512-f5cb-4c72-b6f7-e1621377721c/sugawaterprocess9.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/aa393949-c65d-4eaa-b3c8-fa24667e78a0/4%402x-100.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/ee200c6c-2b09-4edf-a561-5543c6dab6e6/sugawaterprocess2.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/be620cb6-e162-4182-bc33-27c96154a0cb/5%402x-100.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/43d73ad7-24fe-49a7-8bd4-46d9ab219fb6/6%402x-100.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/6a1a1eee-b8c0-409d-85f0-be1953e71e28/7%402x-100.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/0560e52f-6bc9-49da-a161-0494b8613556/8%402x-100.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/6be1c7d8-1dc6-4d50-ab02-6e3a8dbeec7c/11%402x-100.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/77369f09-2dae-4d06-ab21-fac48df090a5/sugawater-logo.jpg Home - Sugar Water Typeface & Stereotype C Cafe https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/e46c99c1-0764-4628-a46f-cd3bc0f0a8c2/stereotypecposters.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/19c76567-9068-4138-b0f9-b9296fd9f800/sugar-water-covers_cover.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/5b0e6b23-bc1b-48f1-a9da-8945f836195c/sugar-water-covers_back.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/a5790808-5123-4ed0-b145-f75f01f4ece3/mug+mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/07d50363-5a13-403f-b6f5-8fd01726beca/sleeve+mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/b4f7c10b-0bdb-4d55-a0e2-cd18ebb388ef/store+sign.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/8eda56b5-7276-410a-a81e-589e1019b6b1/threecoffeegorund.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/6b48df2d-82a4-4832-a8e4-14eb95e1fc30/square+book+1.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/38deeaf8-d2ce-483b-9436-fd7ce1e1cd6e/Screenshot+2025-12-17+at+10.29.32%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/6962af2b-1f6a-4287-9c3c-f416469a35ec/Screenshot+2025-12-17+at+10.29.48%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/ff8f9953-88e8-45b9-8080-d3c42318d17a/Screenshot+2025-12-17+at+10.30.26%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/9c41d3e3-7e4d-4b7e-b36c-4cdcbc59536b/Screenshot+2025-12-17+at+10.31.10%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/4ea31326-6acc-4865-883c-72d12e0cdc38/square+book+2.jpg https://j-dj-design.com/home/uiotw monthly 0.5 2026-02-10 https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/60617335-e6ec-44c1-9551-f059576e94d5/Justin+De+Jesus+Mockup.png Home - UI of the Week We built our first UIs together in class, which were for a sign up/log in screen. Although the theme did not have to be unified, many of us decided to create one for a dating app. Here I was still getting familiar with Figma and all of its features, and I went for a simple, flat interface. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/7684c60d-0bee-4fe2-9374-72bee7caf061/F25_555_De+Jesus_UIOTW2_Mockup.png Home - UI of the Week By the second week, we began to make UIs on our own. The immediate idea of an interface with buttons and sliders that came to me had to do with volume. Here, I decided to play with color and typography in a way that still worked in a UI context. It was a challenge I sought to replicate throughout the rest of my interfaces. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/98f32db0-bfc3-4c6e-ba56-eb263b0530f7/F25_555_De+Jesus_UIOTW3_Mockup.png Home - UI of the Week Inspired by the layouts of online shopping apps I use, I started to dive into more surreal themes while still keeping my compositions clean and legible. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/11005a24-c60a-4ee7-9d82-d151270be632/F25_555_De+Jesus_UIOTW4_Mockup.png Home - UI of the Week Here I played with Figma’s design tools to create some custom icons while working with a softer, standard type of typography. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/66d16d06-7dc4-4b78-a912-3381e1ba3d4a/F25_555_De+Jesus_UIOTW5_Mockup.png Home - UI of the Week Inspired by modern, angular, high-fashion app design, I created this retail checkout tab. I wanted to indicate the different levels of hierarchy within the text fields without making it too distracting. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/2e139b9d-e12e-4c4a-a6a7-18b34a9fcac3/F25_555_De+Jesus_UIOTW6_Mockup.png Home - UI of the Week With date pickers, it is difficult and likely unnecessary to reinvent the wheel, so I wanted to make sure that my color contrast was high and my visual hierarchy was on point. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/2d0ba8e2-5c42-4464-9843-e40880fd3597/F25_555_De+Jesus_UIOTW7_Mockup.png Home - UI of the Week I wanted to avoid repeating the same visual language over and over. Here, I made one of the more radical departures from the norm with handwritten typography that was more prevalent in early 2010s mobile UI. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/6dfc97dc-162a-4729-8e87-58568890e796/F25_555_De+Jesus_UIOTW8_Mockup%282%29.png Home - UI of the Week In my other steep departure from design norms, I made an ode to retro bitmapped digital design with this messaging interface. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/399eb1fa-a04f-4304-84ef-5f7be4e55c86/F25_555_De+Jesus_UIOTW9_Mockup.png Home - UI of the Week A return to more traditional UI practices. I also challenged myself to create interfaces for all kinds of apps; here I covered email. At this point, the first step in my design process was deciding on typefaces for the header and body copy. The typography then informs the rest of my design, from scale to even color. I felt that navy blue and a bright white suited the professional look of the serif-sans serif combo. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/b0e6701c-6949-48e9-be88-111590b1824b/F25_555_De+Jesus_UIOTW10_Mockup.png Home - UI of the Week This and Week 5’s Text Field UI may be my favorites. I feel that in these, I found the best balance between tradition and personality. I particularly enjoyed implementing the circular elements throughout the interface to really tie in the bagel theme.  https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/6e2b7f45-5899-43ab-a3b3-6a675bbf19ca/F25_555_De+Jesus_UIOTW11_Mockup.png Home - UI of the Week Here, we were specifically tasked with designing for a smartwatch format. Working within the limited space was challenging, but ultimately, I am satisfied with the interface. Were this an animated interface, the little icon would start stationary before running the course of the timer. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/a69317dd-6f87-46e1-b138-15e0391cc187/F25_555_De+Jesus_UIOTW12_Mockup.png Home - UI of the Week For the second-to-last UI, I felt the semester’s worth of routine come into play, as the arrangement of type, color, and image all felt natural and free-flowing. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/4155a7b1-ae60-43b1-b4f4-acc52dba52fd/F25_555_De+Jesus_UIOTW13_Mobile_Mockup.png Home - UI of the Week The final UI was directly connect to the primary class project. In my case, it was for my partner and I’s music streaming app. This was my take on a mobile and desktop landing page. Our design system was a very opinionated, bold, and colorful one, and I implemented our elements from it to provide a window into the larger app. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/17f04d8a-2bef-4aa5-9680-d51e65f26c16/F25_555_De+Jesus_UIOTW13_Desktop.png Home - UI of the Week The final UI was directly connect to the primary class project. In my case, it was for my partner and I’s music streaming app. This was my take on a mobile and desktop landing page. Our design system was a very opinionated, bold, and colorful one, and I implemented our elements from it to provide a window into the larger app. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/5ffb17e2-34d4-43b5-855a-6593d414b795/uiotw-mockup.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/60617335-e6ec-44c1-9551-f059576e94d5/Justin+De+Jesus+Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/66d16d06-7dc4-4b78-a912-3381e1ba3d4a/F25_555_De+Jesus_UIOTW5_Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/399eb1fa-a04f-4304-84ef-5f7be4e55c86/F25_555_De+Jesus_UIOTW9_Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/7684c60d-0bee-4fe2-9374-72bee7caf061/F25_555_De+Jesus_UIOTW2_Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/2e139b9d-e12e-4c4a-a6a7-18b34a9fcac3/F25_555_De+Jesus_UIOTW6_Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/b0e6701c-6949-48e9-be88-111590b1824b/F25_555_De+Jesus_UIOTW10_Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/98f32db0-bfc3-4c6e-ba56-eb263b0530f7/F25_555_De+Jesus_UIOTW3_Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/2d0ba8e2-5c42-4464-9843-e40880fd3597/F25_555_De+Jesus_UIOTW7_Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/a69317dd-6f87-46e1-b138-15e0391cc187/F25_555_De+Jesus_UIOTW12_Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/11005a24-c60a-4ee7-9d82-d151270be632/F25_555_De+Jesus_UIOTW4_Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/6dfc97dc-162a-4729-8e87-58568890e796/F25_555_De+Jesus_UIOTW8_Mockup%282%29.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/4155a7b1-ae60-43b1-b4f4-acc52dba52fd/F25_555_De+Jesus_UIOTW13_Mobile_Mockup.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/0190e46c-7362-49ac-843f-3a4693809057/fourphones.jpg https://j-dj-design.com/home/junomusicapp monthly 0.5 2026-02-20 https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/8fa2a4da-060b-4d44-bf85-8c1c119a969a/Persona+1_+Millennial+1988-1994.png Home - Juno Music App https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/dfc40ad4-b3ff-47f7-bd37-9e5012235ba2/Persona+2_+Gen+Z+1997-2003.png Home - Juno Music App https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/5dff55d9-ff09-450b-bae2-f5d57c6d4f55/Persona+3_+Millennial+%232%281%29.png Home - Juno Music App https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/df64b73f-3bda-438a-aaa7-29f8945ae231/Persona+4_+Gen+Alpha+2010%281%29.png Home - Juno Music App https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/5f3337c5-179c-403b-a5c3-a2532f77824f/Phase+3%281%29.png Home - Juno Music App Competitive analysis user flow recreation of Spotify in FigJam. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/22aeea48-8835-42b6-94cc-9e46e5e98e30/Userflow.png Home - Juno Music App Full userflow for Juno in FigJam. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/f6b921ee-1c4e-4522-8557-71e4e5704458/Wireframes.png Home - Juno Music App Initial wireframe draft in Figma. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/ff900b4f-d258-4193-8cf7-7879cc459a45/Wireframe+Feedback+updates.png Home - Juno Music App Wireframe draft following user testing and feedback. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/326b370f-61b7-48b2-a4aa-6cc3c28020aa/Screenshot+2026-02-14+at+9.38.11%E2%80%AFPM.png Home - Juno Music App Lo-fi prototyping https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/716b4f3e-d4fb-4988-ba11-a799d5f0147a/Screenshot+2026-02-14+at+9.38.20%E2%80%AFPM.png Home - Juno Music App More lo-fi prototyping. https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/aadabef4-1d25-40a4-b433-5baa96168a4c/juno-cover-mock.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/dfd1979d-719e-4716-af3a-83e6b3192703/laptop-n-phone.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/27aca97e-a846-4aa6-a94e-4729cb03c8dd/Moodboards.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/38c53983-1176-465d-9cbf-a0bea99f012c/Color+options%281%29.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/b181ae77-0230-41a5-b919-b4408050af99/Final+Font+Options%283%29.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/f284d89d-dde9-467d-b47e-8d99f5fc199a/Frame+29.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/3c48e00f-a850-46d3-ad3e-7bf21c0f6e2e/second-juno-mock.jpg https://j-dj-design.com/home/awarenesscampaign monthly 0.5 2025-12-16 https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/b3fdb07b-a453-478a-8de7-2298792e3067/awareness_sketch.jpg Home - Unhoused Awareness Campaign https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/6ff6eae0-bd93-457a-b651-a7979df2718f/iconsketch.jpg Home - Unhoused Awareness Campaign https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/e621a3b0-62a8-47fb-80a5-b88816a873ba/drafttwotwo.jpg Home - Unhoused Awareness Campaign https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/c1bfee34-e622-4bc7-8e65-072e1ba03cc5/p2posterdraft.jpg Home - Unhoused Awareness Campaign https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/88e22828-8720-4fad-815c-1040b5dcd35b/p2posterearly.jpg Home - Unhoused Awareness Campaign https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/213567c8-94e4-4939-bb22-6c9bf1628ee8/awarenessposter.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/eaecd601-ed52-4131-9fe6-ff425505dfe8/p2fontsandcolors.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/9b92d942-ba6b-4411-807d-7f523020b5b6/ig-carousel-mockup.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/4d15368c-e41e-4140-8792-6eed63843c1a/p2appmockup_JDJ.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/efd671f4-bfa2-416e-a427-d0a7a1e812fb/p2memeONE_JDJ.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/fc88f6b8-a7ad-49ca-ac5b-7f2ad25dc538/P2+Instagram+post-01.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/0232184a-91b6-40a0-9eda-a8870bf036b9/P2+Instagram+post-02.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/11bbfcf0-ed3c-4198-b517-a150a03819f1/awareness-mock-2.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/4cf15140-93d2-4dff-b81b-1c2060d19d96/P2+Instagram+post-03.png https://j-dj-design.com/home/lyricposterandcarousel monthly 0.5 2025-12-16 https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/80c55082-7225-4459-92d3-9aa4e9472772/logosketch1.jpg Home - Lyric Poster & Carousel https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/583c97e0-f7c2-457c-911e-834474562cb0/logosketch2.jpg Home - Lyric Poster & Carousel https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/9860e467-cdbf-4c3b-89cf-7bef7288f971/logosketch3.jpg Home - Lyric Poster & Carousel https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/646949cc-9f71-40e3-90af-a6cc69415156/postersketches.jpg Home - Lyric Poster & Carousel https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/0e48fb72-cb9f-45e1-8a7d-0ba3dd78e595/postersketch.jpg Home - Lyric Poster & Carousel https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/cf082c89-ee99-46d3-a7d8-3c542322e5f3/P1+Logotypes_JDJ.jpg Home - Lyric Poster & Carousel https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/d3a63379-2caf-468e-9477-d4f413cf2f24/dress-mockup1.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/3ac778c1-faa9-45df-a9d4-e729ca55208a/dressmockup2.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/7eb45f18-7840-4ebc-a97d-036f6afecee4/dressmockup4.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/da093419-300e-4ef3-8498-92d1ce3d13fd/701e110a-89b0-4f42-af9b-feeedb9a16c9_rw_600.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/d83ae596-a2c3-4113-a6a8-f764d1edcbc3/fontsncolor.png https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/2b229c4f-b73f-4693-ab1c-ee29f994afd5/dress-ig-mcok.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/a7c8d04a-3677-4303-80f4-6edd19502efc/igpostdraft.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/0a204b49-c68f-44e1-b09c-00a2ca660324/6a8d25ff-3185-4cad-bdc1-fffe756e3e50_rw_600.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/efdcc694-ea06-4f53-ba84-4f7f71ddb823/644a9545-7906-473e-bd24-fb6bd29a17d2_rw_1920.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/ef5cffc9-3f3f-4208-b00c-5dab97b4417e/2816e43f-9345-4ce1-8b86-36a6365778a1_rw_600.jpg https://images.squarespace-cdn.com/content/v1/6916ba4aff0e8128ddf68cf4/df9c195e-81e1-4b72-b88c-86bb3b2366fe/chair-poster-mock.jpg