https://www.jserranodesign.com/ux/ui-designer-portfolio-product-digital-experience-design daily 1.0 2026-03-19 https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561935984271-9TFWGUXOZ250J950T0SZ/diablo_web_enviro_HJR.png Work - Historic Timeline Created from a collection of historic and personal memories captured in photographs of where this company began and where it is heading https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561949304091-MAAY34B6WS46EFJEHGR4/19-A-201-Pompano+Beach+Station.png Work - Pompano Beach Signage to match the other stations https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561927412294-4GUU3OI8FWZQ5ZEKUKZW/diablo_web_print_HBH1.png Work - Ads Various ads created for print, billboards, in-store and/or digital use https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561920189618-FRKLJPSG56X9QNX64AJG/diablo_web_print_JTA.png Work - Promo Poster Old horror movie style, custom vector artwork https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561934701645-N46OA98FMLBFXY173ZNZ/serrano_portfoilio_img_87.1.jpg Work - Promo Booklet Showcasing some of the museum’s exhibits https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561922806915-B8MW2LM0B9V7YKWRW91W/pente_2014-04.png Work - Pentecost Promo Poster Advertising the church event https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561929125407-UGFC2S497LC5OQ4XFKD6/diablo_web_print_bge_mockup2.png Work - Magazine Ads https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561913013048-646HWK2T7JSFNNVGG7YB/3posters_wall.png Work - Promo Posters https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561935708308-5YH7ZJMQNVJ9RQJ7F3DI/serrano_portfoilio_img_56.1.jpg Work - Website Home page https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561932821364-S72OKMWPP0QUYF7FGNKF/serrano_portfoilio_img_50.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561935308668-RBQW8XK1YIWEDJBL9T1J/serrano_portfoilio_img_63.1.jpg Work - Vintage Toy Catalog https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561936473609-Z04H0YFXEKC42X0KXV6N/hearst_cover.png Work - Cover Made for self portfolio of ad work created at Hearst Autos (Car & Driver) for various dealerships, from Honda and Toyota, to Maserati and Porsche https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1589420401637-EZDRZDNASHIT0VFNY1XX/wireframe_p3.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1599007401041-L144LEIPDNODQYXFPL7G/iphone-x-mockup-scene%402x.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/b93646eb-7eaa-483e-a92b-6e9eccc12313/Screenshot+2026-03-03+at+11.41.15%E2%80%AFPM.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561913942207-88I8CXA7KYJSP3IABCVF/diablo_web_print_diablo.png Work - Promo Ads https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1561941734633-7KQ8PANJH40FFK3YRPF0/diablo_web_tshirt_tworld.png Work - Tomorrow World Ugly Sweater Design Custom design created for TW Contest. Won 1st place, along with 2 Full Madness Passes for TW https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1307e81b-405d-49e5-9406-a01e2c512f27/Cox_main.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1589409324178-RIFC0D2HVQ8PVORDGVYR/wireframe_full.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353916530-MUKOX9X3FU15B44QAZVI/0001.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353916439-NUNPB497AL58QD592SDU/0002.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353923027-VJQIP9FEY3ROL0BYB319/0003.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353923309-HAKYNGDDM0JC9EFXG0DY/0004.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353926807-9DQ9GXAY6PHFG392HPPS/0005.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353931496-35WPP2CMPB5Q0P3BX2HD/0006.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353934688-0ANEYO8Q73KPKGJ90S8V/0007.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353942348-53TC5NV15UEGT2ZUEMYV/0008.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353942637-ZSFUFWS0QKZU1I14IXX2/0009.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353949851-5O33QND7QNVLW7UQO8M7/0010.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353949273-YYYUPRI73612FMC7AOQZ/0011.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353958317-NNXVUNFRGU3IHXDTAHTL/0012.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353958320-GC19VO0Q2IT9E423ZO1T/0013.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353964588-0V7TGZR8H4YR5FFHA8KM/0014.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353964312-HP9N6TBX6E9AW0XBWQL1/0015.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353971106-QZ4OE53I2FIR2VBI5KIW/0016.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353971863-AOPE4T3H8EIM2NRORF5J/0017.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1592353974451-PXYWZ4HP02EBY7OSDBXT/0018.jpg Work Prototype https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1589410174308-EOS30XJJFP588K564GK4/image-asset.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1589410079745-2F7GUOKG0G8QDD8E4B3H/Eligo.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1599005950763-IGY6NLW0UHLVDDZYSEUA/iphone-x-mockup-scene%402x.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1599005900383-F3OTWVBTZQH53KYP8JVF/image-asset.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1598996489187-2K7OWIO11E2F31CWOPC3/0001.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1599005712215-PLUCGS09JSH9D1V96PPR/Questions.png Work Interview Questions: Asked multiple people questions to see their needs. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1599005307089-KNE2T3E9D0JAN9YPJA65/competitive_analysis.png Work Competitive Analysis: Options https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1599005326786-9BO64K1L0ORL9V5CS0Y1/competitive_analysis2-02.png Work Competitive Analysis: Screens https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1598998960552-SSMBDOKD4E9LE7CKWZ51/affintity_miro_serrano.png Work Affinity Mapping: Based on responses from research and user interviews. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1599006320579-MMTHRM36Q061NBWHWRR4/0007.jpg Work Persona: Couple This app required multiple personas, since it could be used by singles as well as groups. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1599006378982-MXZ0RT00KSYZRNYNTG4E/image-asset.jpeg Work Persona: Single User https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1599006569775-QNQJX1CLZ4SVI6JUK9W5/Eligo.png Work User flow: https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1598998064398-THH0SKPG7BCUR2COOF72/IMG_1509.JPG Work Wireframes: Hand drawn https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1598998327254-1H4ASGNAOVQRP9N5F9ZM/paper_prototypes-01.png Work Wireframes: Clean and simplified https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1599006842170-49H7SHYFAQRWDVGUXGBA/eligo_prototype.png Work Prototyping: Hi https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/ce3d739d-7b6a-4458-b1e4-397c51ddc15b/DCDC_Header_b1_masks.png Work - Make it stand out Header image created for DeployCDC site https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/59c476d2-dffb-4738-87a0-e981795121f8/2020+Annual+Report Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/3808aaad-8c21-4015-9648-acef1b09823e/2021+Annual+Report Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/585b0590-619f-4ab8-b3ab-85ebc2f2f1d6/DeployCDC_Home_082621.jpg Work - Make it stand out Design layout for DeployCDC https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/73015924-5219-4a31-8331-c54c551da9eb/shutterstock_1671842455-scaled-e1601993065966.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/bb9d729b-b8d4-49ac-a34b-0500d0d66529/Screenshot+2026-03-03+at+9.22.15%E2%80%AFPM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/ed9c39e6-5b11-4dfa-82f4-0eefd6930187/longterm_sustain_screen.png Work - Make it stand out Implemented design layout to better organize content for DeployCDC Covid-19, 2021 Ebola, and 2021 Polio Response Deployments https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/0d0d4c23-1fb2-4fa2-9817-c35ba0623531/COVID-19_header_thin-06.jpg Work - Make it stand out Header image created for DeployCDC site https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/a67e9b62-365b-4c7f-a27a-5bf11740e519/DSU_web_scrn.png Work - Make it stand out Preparing for Covid-19 Deployment with additional alerts for multiple response notifications https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/22da6502-d684-48e7-9fd8-b500306010ed/covid_EOC.jpg Work - Make it stand out Working in the EOC design layout - used accordions to increase organization of content as well as simplifying visibility https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/4f580195-0c4e-4c65-8908-ab01bdacf19f/DeployCDC_resppos.jpg Work - Make it stand out Response position openings design layout for responders to pick deployment possibilities https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/77049bc8-c22a-46af-b4de-b61de9a308c2/DCDC_graphics-01.jpg Work - Make it stand out Page Views per month 2020 https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/abd251b2-d7b2-4499-a12c-2d83d8df42c8/DCDC_views-unique_graph-05-05-05.jpg Work - Make it stand out Page views vs. unique visitors 2020 https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/e2d2efa5-0e98-424e-9655-c63479f66670/Screenshot+2026-03-03+at+9.18.58%E2%80%AFPM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/2dfc202a-de28-406a-b0b5-f983aa40d63d/Screenshot+2026-03-03+at+9.07.46%E2%80%AFPM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/675976f0-ed7b-4b20-844b-5fcaf4cd2a0c/deployCDC_b3_80.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/70927491-073a-4e79-a15e-5650ed8d5935/DeployCDC_C19_Int_brazil.jpg Work - Make it stand out Preparing for Deployment Brazil (South America) https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/f5add765-b4cc-41ec-82e5-2e1650f49b18/DeployCDC_Ebola_Prep_IvoryC.jpg Work - Make it stand out Preparing for Deployment Cote d’Ivoire (Africa) https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/393fcddb-9673-4091-b405-6187a6fd3765/2021_3.26_Ebola_Guinea_Emer_contacts_TEST-01.jpg Work - Make it stand out 2021 Guinea Ebola Emergency Contact Card https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772607979987-M4GQZU1LAO7S8JBCWJ9F/327090-A+2022_Stewardship+Report+Graphic4.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772607981067-SDPX9BRO68RMQ0KLWJYP/328947-GX_ACIP_5%2B+Booster+Guidance__1200x627.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772607980459-4GCIK4K6OW9ZEKKWPG1R/20_319348_flu_campaign_mask-up_lather-up_sleeve-up_1200x627.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772607982503-ENW6SGT9DHW7ZSONEMQH/333459-A_signs-symptoms-mp4_fb-tw.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772608014705-WIPJKKLR2GPPHB6HCBSP/332793-a_sunscreenSM_Insta.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772607987007-9CHGWL0WDW3GRH0COFSZ/333693-A_jynneos.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772607991359-L97YFRJW66IV3FXHJZVD/333693-A_jynneos2.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772607996453-1JXZHUWIOVDXJFTL42L5/333693-A_jynneos3.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772608000862-M781YL1JICNNG6Z9T40J/333693-A_jynneos4.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772608005679-I35AFBTZMX93IRSIGL6J/333693-A_jynneos5.jpg Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772608783708-62K7EXFZTEINTFNHM4B0/17_272346-BY_Leidner_GID+Social+Media-13.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772608788549-1XPUOEUN4V0ZF10ELPS5/monkeypox_social-insta_Insta2-b.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772608784709-I096HP810BXORSJZTII6/322044_WorldHepDay2021-05.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772608785680-ZUJFV4D14VI17A7S52SP/339073-A_PetWeek_TW_bunny2.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772608787329-QZGHMOZEMTS7R80QR2AI/clean_sm__FB_media+copy.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/1772608013051-LTPERWWL9ALDKCE6WNY0/334063-A_Need_know_C19_boosters_1080x1080_v1.png Work https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/7d30ed48-ce0a-44f2-b37e-49bbe5f439f8/cox_logo.webp Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/412f47f4-3b52-4e23-9b95-ee679efac205/Holding-Hand-Landscape-iPad-Tablet-Mockup.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5d17d5c28a3c280001ea0785/60e0ad77-96e3-4196-be4e-5b8128ca494f/cox1_MBP_multiscreen.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.jserranodesign.com/contact daily 0.75 2026-03-19