https://mel-suarez.com/meh daily 0.75 2024-05-02 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/e8e59858-61a4-46c0-b549-21f615dea71f/melcolorflicks-5.jpg https://mel-suarez.com/contact daily 0.75 2024-04-18 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/fe5b0761-cbcd-49a1-85e9-7b5cbd2bcbbc/melcolorflicks-2.jpg https://mel-suarez.com/home daily 1.0 2024-05-02 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1597970276455-4QJLCR535EK1KITBCISQ/BJN1.png Home https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1597970210166-1GJP083CVXEA3LONWPM0/BJN-Desktop-Cover-foto2.png Home https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1597970217274-4OPE427N4X203TW87PBS/BJN-nike-cover-foto.png Home https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600026647410-ZLVFOUZXL9XNKX0CSC93/IMG_0109.jpg Home https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600034811322-UEYATQ299Z7D8HMZ1PLI/Jetsetter-main-img.png Home https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600038250158-KT9ZAOUTN2N6K5GQIHSI/Leaderboard-main.png Home https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600294748781-26IIJQ7FSAOCU7M0S2CN/tdkdvd1.png Home https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600308631230-PPIAKU9H2H8S1K3OTJ3H/batmantype-5.png Home https://mel-suarez.com/selected-works daily 0.75 2023-08-02 https://mel-suarez.com/selected-works/youre-ok monthly 0.5 2020-09-18 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600026647410-ZLVFOUZXL9XNKX0CSC93/IMG_0109.jpg selected works - You're OK https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600027132255-V1SYPVUQ9EWOK60GD6KR/youreokD.gif selected works - You're OK https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600028346945-I47LGXSDNYWIZ3C5FCK9/IMG_0116.jpg selected works - You're OK https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600027067517-QCPV7UEXQ2BNGAPTRIA0/IMG_2510.JPG selected works - You're OK https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600027031124-KFAGTZ5BMOK7XH7TA3JK/IMG_2514.JPG selected works - You're OK https://mel-suarez.com/selected-works/bluejeans-nike-custom-app monthly 0.5 2020-09-18 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600025082853-YJFU4ZMJAKPF6Z6QKR0N/nike-CB-desktop.png selected works - BlueJeans Nike Custom App https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600026210147-Q0Z6INFA5H4Z0GHBXGGU/nike-CB-signedin.png selected works - BlueJeans Nike Custom App https://mel-suarez.com/selected-works/bluejeans-desktop-app monthly 0.5 2020-09-18 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600022301737-18087GQLTOG4NHK65WNG/Full-app.png selected works - BlueJeans Desktop App https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1599876573924-JO64ESY4W3WPVJQTXXWJ/calendar-int.png selected works - BlueJeans Desktop App - Calendar Integration By introducing the calendar popover at the correct time during a user’s experience, we can assume that by personalizing their upcoming meetings they will be more likely to come back to the app often with the information presented delightfully. https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1599876912024-6E5BW4P96UCZMQC8316C/layers-exp.png selected works - BlueJeans Desktop App https://mel-suarez.com/selected-works/bluejeans-ios-app monthly 0.5 2020-09-18 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598816712911-JFDNBS17MRLFW4ISOB5T/applewatch.png selected works - BlueJeans iOS App, iPad, Apple Watch https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598816125074-DV1XPTCGURRI2ZNK8PHX/iphone-upcoming.png selected works - BlueJeans iOS App, iPad, Apple Watch - BEHIND THE VISUAL LOOK The concept was inspired by the fact that BlueJeans is a cloud-based video conferencing product allowing a user to join from literally anywhere. The simple and elegant layout works with different layers of transparency, giving it the free, light and open-spaced/airy look that emphasizes on the cloud-based product aspect. The gradient from top to bottom starts off dark to light which helps draw focus to “Today” and gradually gets lighter for events scheduled in the future. https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598817352210-2RKLPAXIQRN91OWGXWTM/Information-layout.png selected works - BlueJeans iOS App, iPad, Apple Watch - INFORMATION LAYOUT & HIEARCHY For meetings happening “Now”, the treatment is green so that the user quickly taps on it to join. The timer to the left of the time and title helps users quickly figure out how much time they have before their next meeting giving it more of a humanistic touch. https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598821520140-HOWVIR13OF5YR4325DYT/TOD-clear.gif selected works - BlueJeans iOS App, iPad, Apple Watch https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598825145071-97D6EAHPQKD4UMUYN4WO/meeting-details-clear.gif selected works - BlueJeans iOS App, iPad, Apple Watch https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598825112315-UUQMPO89V3MS83GP8MA4/menu-ani-clear.gif selected works - BlueJeans iOS App, iPad, Apple Watch https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598826489021-JFJTD9LAUU95DBMVS5WX/PTR-Branding-%28Converted%29.gif selected works - BlueJeans iOS App, iPad, Apple Watch https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598826665381-2FCQHBRHV6XM2KS4MNNM/app-icon.png selected works - BlueJeans iOS App, iPad, Apple Watch https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598827033835-11M9PCB6GOKNXPL3TCOI/Screen%2BShot%2B2015-12-29%2Bat%2B11.23.26%2BAM.png selected works - BlueJeans iOS App, iPad, Apple Watch https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598827082087-75I9F2B25BDSLRX39VEM/logo-sketches.gif selected works - BlueJeans iOS App, iPad, Apple Watch https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1598826974382-U64VBGEO7I6DJX8ROCDS/process-sketches.gif selected works - BlueJeans iOS App, iPad, Apple Watch https://mel-suarez.com/selected-works/jetsetter-app-concept monthly 0.5 2020-09-18 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600037963839-AP5BRDQR88Y2JDPYB2C9/jetsetter-sign-in.png selected works - Jetsetter App Concept https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600037990329-FDBTXXNF5VP9SMANGWRF/jetsetter-sign-in-list.png selected works - Jetsetter App Concept https://mel-suarez.com/selected-works/kickboxing-leaderboard-concept monthly 0.5 2020-09-18 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600050793509-4CUGTR1LBNFZSO7SAE6M/sketch1.png selected works - Kickboxing Leaderboard Concept - Research & Competitive Analysis I started off by researching fitness classes and what makes them exciting to people in general. I did multiple rounds of competitive analysis on how fitness classes run, took notes on what was great and also what could be improved upon. I watched several videos on different types of workout classes. I interviewed several friends who had attended these classes to get real user data in order to validate my designs. https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600052426206-YVELELIRFKJF3G4YXQ25/Screen%2BShot%2B2017-11-08%2Bat%2B10.34.54%2BPM.png selected works - Kickboxing Leaderboard Concept https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600052786062-78OT21RXTCBB5UO6NF4M/wireframes.png selected works - Kickboxing Leaderboard Concept https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600053288974-FWYFNRU2L3N69L07VWV3/tv-leaderboard.png selected works - Kickboxing Leaderboard Concept https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600053833771-7LGDAERMGQBCPYTMV0RG/phone-android.png selected works - Kickboxing Leaderboard Concept https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600051937432-W4CYUYQ034179JSV3UG1/s1.png selected works - Kickboxing Leaderboard Concept https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600051935874-ZNLCXFBFJ8GDDDTQEL13/s2.png selected works - Kickboxing Leaderboard Concept https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600051936443-7C47UCHFXZQ3VU40IQS5/s3.png selected works - Kickboxing Leaderboard Concept https://mel-suarez.com/selected-works/the-dark-knight-packaging monthly 0.5 2020-09-18 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600294748781-26IIJQ7FSAOCU7M0S2CN/tdkdvd1.png selected works - The Dark Knight Packaging https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600295074375-2GGO5G0PJV3BX7HDA11X/tdkdvd2.png selected works - The Dark Knight Packaging https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600306464812-0M8H5ZA8RHS92I720GMQ/tdkdvd3.png selected works - The Dark Knight Packaging https://mel-suarez.com/selected-works/the-dark-knight-typography-movie-script-book monthly 0.5 2020-09-18 https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600307883546-NLFN1MKAFSRUV0CMOFF6/batmantype-1.png selected works - The Dark Knight Typography Movie Script Book https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600308416745-R5BPCPCZ7UMPY4JUACMM/batmantype-3.png selected works - The Dark Knight Typography Movie Script Book https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600308356445-XXBOLCJROODZF9NL5I2A/batmantype-2.png selected works - The Dark Knight Typography Movie Script Book https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600308528774-AISPQ510GZQV16EF71QN/batmantype-4.png selected works - The Dark Knight Typography Movie Script Book https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600308631230-PPIAKU9H2H8S1K3OTJ3H/batmantype-5.png selected works - The Dark Knight Typography Movie Script Book https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600308891152-I3YPXNAT2XX70GWR1NWX/batmantype-6.png selected works - The Dark Knight Typography Movie Script Book https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600309014369-6JM8KHVPEIKTTIKGSU7U/batmantype-7.png selected works - The Dark Knight Typography Movie Script Book https://images.squarespace-cdn.com/content/v1/5f2e063b94a1d33040f306fe/1600309071510-395SHDLMRFAMATFXUVSK/batmantype-8.png selected works - The Dark Knight Typography Movie Script Book