Brenda Taylor-Fanelli

UX/UI Designer and Developer Portfolio

Tag: Wireframes

  • 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.

  • Christopher St.Leger

    Christopher St.Leger

    painting by christopher st.leger

    Goal: To help Christopher establish his brand identity as an artist, create brand collateral, design and develop a website that would allow him to sell his art.

    My role: Consulted with Christopher to determine his brand perspective, needs, and voice. Designed a logo and created a simple brand guide document including typography styles and colors. Determined site architecture, created wireframes, and page designs. Developed a custom Shopify theme and configured all products.

    Tools and technologies: Created logo using Adobe Illustrator. Created brand collateral and brand guide in Adobe InDesign. Built the Shopify theme using Liquid, HTML, JavaScript, SCSS/CSS.