My work
About me
I'm a UI/UX designer based in San Francisco, CA, with a passion for crafting user-centered designs that are both visually compelling and highly functional. With over 9 years of experience in the e-commerce industry, I specialize in user research, wireframing, prototyping, and usability testing. My strong background in graphic design enables me to create designs that balance creativity with functionality, and I'm skilled at collaborating with cross-functional teams to bring ideas to life.
I’ve worked with notable clients such as Spectrum, Walgreens, Rite Aid, and Savemart, delivering impactful design solutions that address user needs while driving business success. Proficient in tools like Figma, Sketch, and Adobe XD, I ensure that each design I create is user-focused and tailored to solve real problems.
MediBridge
I designed MediBridge, a mobile app and website created in Figma, to provide free access to essential medical services for individuals with no income. The user-friendly platform connects users to providers, bridging healthcare gaps with an inclusive design approach.
Walgreens
I designed visually engaging updates for Walgreens Pharmacy's weekly ad and website, focusing on seasonal campaigns and product storytelling. Using Figma and Adobe Creative Suite, I sourced product shots, crafted compelling compositions, and maintained brand consistency to align with seasonal themes and marketing goals.
Spectrum Mobile
I contributed to the UI/UX design for Spectrum’s website and mobile platforms in preparation for the iPhone 16 launch, working in Adobe XD. My contributions included updating visuals with iPhone 16 images and optimizing copy to highlight the device's features.
Spectrum
Iphone 16 Launch (UI/UX Design)
In this project, I was responsible for leading the design and implementation of updates for Spectrum's website and mobile platforms to support the iPhone 16 launch. My key contributions included:
-
Visual update of the page with iPhone 16 images.
-
Copy modification and optimization to promote the new device's features.
My Role
Implementing changes on both desktop and mobile versions, ensuring a consistent and optimized user experience across platforms.
Designed social media display banners for META and other channels, collaborating with team members to follow Apple's established guidelines.
The Goal
The goal was to improve usability and increase engagement with the new product while aligning business needs with user satisfaction.
Web Banners
For Spectrum Mobile's iPhone 16 launch, I created eye-catching digital banners tailored for web and social media platforms. The project involved close collaboration with the team to ensure alignment with brand guidelines and Apple's creative standards.
By crafting visually engaging and optimized designs, the banners successfully enhanced the campaign’s impact, driving engagement and showcasing the new iPhone 16 in a compelling and innovative way.
Walgreens
Developed visually engaging digital ads for Walgreens Pharmacy, focusing on seasonal campaigns and product storytelling.
My role involved sourcing and utilizing product shots, crafting compelling compositions, and designing cohesive looks to elevate the brand’s presence. By maintaining consistency with Walgreens’ branding guidelines, I created campaigns that resonated with their audience, showcasing products in fresh and innovative ways while aligning with seasonal themes and marketing objectives.
Email Campaigns
In addition to digital ads, I designed email campaigns that integrated key offers featured in the ads, ensuring a consistent and seamless user experience across platforms.
These emails were strategically crafted to highlight promotions, drive engagement, and align with the seasonal themes of the broader campaigns. By maintaining on-brand visuals and messaging, the email designs effectively complemented the digital ads, enhancing the overall impact of Walgreens’ marketing efforts.
Photoshoots
I directed photoshoots in a professional studio environment to create high-quality visuals for Walgreens Pharmacy campaigns. This process involved overseeing the creative direction, making detailed annotations to ensure alignment with campaign goals, and collaborating closely with photographers and stylists.
After the shoot, I handled photo editing and retouching to refine the images, ensuring they met brand standards and were optimized for use across digital and email marketing platforms.
MediBridge App
Case Study
This is a mobile app and website dedicated to assisting individuals with no income in accessing essential medical services completely free of charge.
Designed with the aim of bridging the gap in healthcare accessibility, This provides a user-friendly platform that connects users with a network of healthcare providers and organizations willing to offer their services without financial constraints.
Project Overview
The Goal:
Develop an app and website that provide easy access to information on free medical services, including a user-friendly search feature, a directory of providers, and geolocation assistance, ensuring individuals with limited or no income can quickly find the care they need.
My Responsibilities:
Conducting interviews, paper and digital, Wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs
My Process
Designing a user-centric app begins with understanding its purpose, audience, and goals. I conduct user research to shape personas, map user flows, and define the information architecture before creating wireframes and interactive prototypes.
Usability testing helps me refine the design, while high-fidelity visuals bring it to life with responsiveness in mind. I collaborate with developers for smooth implementation and continuously evaluate post-launch feedback to ensure the app exceeds user expectations.
Personas
Robert Johnson:
Robert has recently been diagnosed with hypertension and arthritis, which have limited his physical abilities and job prospects. Without health insurance or income, he’s been struggling to access the necessary medical care and medications to manage these conditions.
User Research
I conducted user interviews and developed an empathy map to deeply understand the needs and behaviors of the individuals I’m designing for.
Through research, I identified a primary user group as individuals with little or no income who are actively seeking access to medical care. These insights provided valuable context for addressing their challenges and tailoring solutions to meet their specific needs effectively.
Journey Map
Mapping Robert user journey revealed how helpful it would be for user to have access to a dedicated MediBridge App.
Paper Wire Frames
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points.
For the home screen I prioritied a quick and easy portal to access medical services
Digital Wire Frames
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
The design was intentionally kept simple to provide additional assistance to individuals who may not be highly proficient with technology.
Usability Study:
I conducted two rounds of usability studies to refine the design. The first study guided improvements from wireframes to mockups, while the second, using a high-fidelity prototype, highlighted areas needing refinement.
In Round 1, users wanted more prominent confirmation messages for scheduling, options for prescription refill locations, and more visuals over text. In Round 2, users requested larger text, the ability to track prescriptions and locate pharmacies, and doctor details like image, name, and title.
Hifi-Mockups
The high-fidelity mockups for MediBridge focused on creating an accessible and user-friendly experience for individuals with low income seeking medical support.
The design included intuitive navigation to locate treatment centers, refill prescriptions, and chat with doctors. Features like medication tracking and appointment reminders were integrated for convenience. Usability studies informed refinements, ensuring clear text contrast, easy-to-use interfaces, and a supportive, streamlined experience for users managing their healthcare needs.
Hifi-Mockups
The high-fidelity mockups for MediBridge focused on creating an accessible and user-friendly experience for individuals with low income seeking medical support.
The design included intuitive navigation to locate treatment centers, refill prescriptions, and chat with doctors. Features like medication tracking and appointment reminders were integrated for convenience. Usability studies informed refinements, ensuring clear text contrast, easy-to-use interfaces, and a supportive, streamlined experience for users managing their healthcare needs.
Hifi-Web-Prototype
A web version of the app was developed to extend MediBridge’s reach. With the web version, there is no requirement to create a profile in order to access the main feature which is access to nearby medical assistance.
Accessibility Considerations
Prioritizing accessibility ensures inclusivity for users of all abilities. I enhanced usability by adding alt text for screen readers, enabling access for visually impaired users. I also used icons to simplify navigation and integrated voice commands and text-to-speech functionality to assist users who struggle with small text or touch screens. These features align with ethical design principles while expanding the app’s reach and usability.
Next Steps
Continuously improving the app involves iterative usability studies to address pain points and identify new needs. Ongoing user research ensures the app evolves with innovative enhancements, prioritizing functionality and user satisfaction.
Takeaways
During the design process of the MediBridge App, I gained invaluable insights into the challenges faced by individuals with limited or no income when seeking medical assistance. Many of these individuals also had various disabilities, ranging from visual impairments to limited technological proficiency.
It was crucial for me to be mindful of these factors and ensure that both the app and web interface were crafted with the utmost user-friendliness in mind.
Oncloud Animation
Crafted in Adobe XD, this mesmerizing landing page animation is designed for On Cloud, a renowned shoe company.
In response to the client's quest for a distinctive approach to promote their latest products, we dedicated a landing page to unveil three exciting new shoe models. The client eagerly awaited my creative input, and this final animation embodies the culmination of our collaborative vision, offering a stunning digital showcase for their latest product line.
My career journey began as a graphic designer, and I subsequently transitioned to UX design. Throughout my professional evolution, I've had the opportunity to work for Fortune 500 companies such as Walgreens, Rite Aid, Safe Mart, Foodmax, Lucky, BevMo, and others.
Coffee House App
Case Study
Designed an app for Coffee House, a Northern California local coffee shop brand, allowing users to pre-order their favorite items and receive real-time updates on order readiness. This feature ensures hassle-free, timely pickups while reducing wait times.
The intuitive interface enhances the customer experience, streamlining the process from selection to pickup, and showcasing Coffee House’s dedication to convenience and exceptional service.
Project Overview
The Goal
Design an app that allows users pre-place their orders while also providing real-time updates on the expected readiness of their selections for hassle-free pickup.
My Responsibilities
Conducting interviews, paper and digital, Wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs
My Process
Designing a user-centric app begins with understanding its purpose, audience, and goals. I conduct user research to shape personas, map user flows, and define the information architecture before creating wireframes and interactive prototypes.
Usability testing helps me refine the design, while high-fidelity visuals bring it to life with responsiveness in mind. I collaborate with developers for smooth implementation and continuously evaluate post-launch feedback to ensure the app exceeds user expectations.
Personas
Rachel Brown:
Rachel is a busy school psychologist who likes to eat out for lunch. But she’s getting tired of waiting in line to order her coffee. She wants a quicker and better way to get her coffee without all the waiting
User Research
I conducted user interviews and developed an empathy map to deeply understand the needs and behaviors of the individuals I’m designing for.
Through research, I identified a primary user group as individuals with little or no income who are actively seeking access to medical care. These insights provided valuable context for addressing their challenges and tailoring solutions to meet their specific needs effectively.
Journey Map
Mapping Rachel user journey revealed how helpful it would be for user to have access to a dedicated House Coffee App.
Paper Wire Frames
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points.
For the home screen I prioritied a quick and easy ordering process to help users save time.
Digital Wire Frames
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
Easy navigation was a key user need to address in the designs in addition to equipping the app with location services.
Usability Study:
Two usability study rounds informed design improvements. The first study revealed users' preferences for ordering coffee from home, increased customization options, and more visuals over text.
The second study, using a high-fidelity prototype, highlighted the need to simplify the promotions page, improve text contrast, and add order status tracking.
Hifi-Mockups
The high-fidelity mockups for the Coffee House app showcased a refined design aimed at enhancing user convenience and personalization.
Key features included streamlined navigation for ordering coffee from home, vibrant visuals replacing text-heavy elements, and customization options for drinks. Usability studies informed improvements, such as clearer contrast for text, a simplified promotions page, and an order tracking feature, ensuring the app delivered an intuitive and efficient experience for users.
Hifi-Mockups
The high-fidelity mockups for the Coffee House app showcased a refined design aimed at enhancing user convenience and personalization.
Key features included streamlined navigation for ordering coffee from home, vibrant visuals replacing text-heavy elements, and customization options for drinks. Usability studies informed improvements, such as clearer contrast for text, a simplified promotions page, and an order tracking feature, ensuring the app delivered an intuitive and efficient experience for users.
Accessibility Considerations
Prioritizing accessibility ensures inclusivity for users of all abilities. I enhanced usability by adding alt text for screen readers, enabling access for visually impaired users. I also used icons to simplify navigation and integrated voice commands and text-to-speech functionality to assist users who struggle with small text or touch screens. These features align with ethical design principles while expanding the app’s reach and usability.
Next Steps
Continuously improving the app involves iterative usability studies to address pain points and identify new needs. Ongoing user research ensures the app evolves with innovative enhancements, prioritizing functionality and user satisfaction.
Takeaways
Designing the Coffee House app emphasized the importance of understanding user needs. Users value convenience, customization, and clear visuals for a seamless experience. Usability studies highlighted the need for simplified navigation, improved text contrast, and features like order tracking to enhance functionality.
This project reinforced the value of iterative design and user feedback in creating an app that saves time and provides a more personalized, efficient way to order coffee from home.
Daniel Montiel
UI/UX Designer
danielmontielemail@gmail.com
Tel. 925-642-7315
USA. Brentwood CA, 94513