Brenda Taylor-Fanelli

UX/UI Designer and Developer Portfolio

Category: UX/UI Design

  • Noom For Work

    Noom For Work

    Goal: To gain consumer trust by designing and developing engaging email templates and campaign-based email headers.

    My role: Designed multiple iterations of email headers using Noom’s design library and following their brand style guide. Developed reusable email templates for use in the Salesforce Pardot marketing platform.

    Tools and technologies: Designed in Adobe Illustrator, edited photo assets using Photoshop, used HTML and CSS to code emails and created the reusable email templates in Pardot.

  • Bench Pressed

    Bench Pressed

    Goal: To redesign, migrate, and build a custom Shopify theme for their e-commerce website. The redesign needed to allow for future growth and to give wholesalers a platform to make their orders online.

    My role: Audited and redesigned the site architecture, created page designs, built the custom Shopify theme, and migrated all content and product entries.

    Tools and technologies: Designed in Adobe XD, edited photo assets and created image editing automations using Photoshop, used Liquid, HTML, CSS, and JavaScript to code the back end and front end of the website.

  • CSG

    CSG

    Goal: To help CSG create customizable landing pages for unique campaigns, and to help showcase their integration partners.

    My role: Create page template designs for various internal pages on the site, including campaign landing page templates, and an integration partners catalog page. Create and/or modify the custom WordPress theme to include these new page templates.

    Tools and technologies: Used Adobe XD for page designs. Used PHP, HTML, JavaScript, CSS, and ACF to modify the codebase.

  • Cargill Sustainability

    Cargill Sustainability

    Goal: To help Cargill showcase their global sustainability efforts.

    My role: To distill a complex and vast amount of content into user-friendly site architecture and wireframes, then to give a detailed handoff to other designers on the team to finish the designs. After the design phase, I contributed to the front-end development of the website.

    Tools and technologies: Designed the wireframes and site architecture in Figma. Used Vue.js, HTML, SCSS/CSS, GSAP JavaScript animation library, and JSON for site development.