Royal Canin
UX + UI Design, Autoship Feature, Account Dashboard
View the Case Study →
Design System Creation | End-to-End Product Design | Responsive Layouts | UX + UI Design | B2B eCommerce
Syndicate Floral
Syndicate Floral Hardgoods is a go-to manufacturer and distributor for professional florists. Their products are sought out by small businesses and corporate supermarkets alike. Syndicate had recently acquired and started selling products from adjacent brands for ribbons, outdoor landscaping decor, and floral event displays. Due to these acquisitions, the business approached my team to design a brand new website that consolidated the products and functionality of their family of brands under one domain.
In collaboration with the Syndicate team, project management, and developers, we designed an end-to-end solution that prioritized Syndicate’s new branding and highlighted variant experiences for customer segments. We worked together from research to launch to ensure the website would capture all the needs of all user types.
Design System Creation
The client wanted to start with a blank slate. No elements from the previous interface were being reused so the new product design system was built from scratch. Style guides defined CSS components and a reusable component library was designed for handoff. This guaranteed consistency now and in the future for new designs.
End-to-End Solution
The Syndicate website was completely overhauled from their previous website design. With an opportunity to start fresh, we took a detailed look at improving the full user experience. From research to handoff, our team worked closely every step of the way to launch an exciting new website with a fully customizable CMS for client-side management.
Complex User Types
Syndicate customer segmentation goes beyond marketing funnels and persona types. Experiences were customized for role-based permissions and multi-user account management. We built unique tools and personalized user flows for parent wholesaler accounts, individual small business accounts, and administrative sales accounts.
The desktop homepage design highlights eye-catching imagery inspired by direct-to-consumer e-commerce experiences and features a double-stacked header navigation to accommodate an extensive product catalog.
Listening to the Needs of The Client and Their Users
The project began with thorough investigation into the current website’s successes and pain points. I worked with the client to coordinate user interviews. I conducted surveys and focus group discussions with internal stakeholders to hear their opinions and vision for the new website. I analyzed competitor’s and consumer websites, and reviewed the creative direction for the business’ rebrand.
Given the large amount of information and a tight timeline to deliver results, I used AI-assistance to synthesizing the written data. The output presented clear patterns that I was then able to review and document for presentation. I was able to further save time by continuing to use AI assistance for mapping site navigation and information architecture. Having shared this analysis with client stakeholders, the project was green-lit for further design and development.
The desktop homepage design highlights eye-catching imagery inspired by direct-to-consumer e-commerce experiences and features a double-stacked header navigation to accommodate an extensive product catalog.
13,000
ACCOUNT USERS
100 wholesaler accounts with linked retail-user relationships
Global market leader in prescription pet food
Millions of monthly website visits
2,000+
PRODUCT SKUS
Real-time inventory and pricing
Seasonal and pre-book products purchased async
Dynamic price management for wholesalers
Defining New User Flows With Wireframes
The website redesign began with wireframe layouts for every major page design in the site map. This gave the team an opportunity to map the functional details of the designs before addressing visual interest of the interface. Working as a cross-functional group, the wireframe phase was full of layout iterations and constant contact between project managers, client stakeholders, developers, and myself as the designer. We knew we needed to build complex functionality and custom tools into the site experience and wanted to ensure the team’s vision was aligned from the start. This phase was the foundation of defining user journeys and workflows.
Wireframe of new personalized dashboard experience for authenticated users.
Wireframe of new functionality for cart preview drawer.
Wireframe layout of new custom price management tool for administrative users.
THE PROBLEM TO SOLVE:
With recent acquisitions, the business went from catering to one audience to a much wider scope. The digital experience needed to present a diversified catalog with modern tools that impress new users.
Ensuring Accessibility in the Design System
With the wireframe foundation in place, the visual designs started coming alive with brand elements, high-quality product imagery and a thoughtfully produced design system. Keeping accessibility in mind, the client’s brand colors were a small challenge to sort out. Their particular shades of green and pink did not pass WCAG (Web Content Accessibility Guideline) contrast standards for color application on a digital interface. Before moving forward with branded interface designs, we addressed this concern. I offered slight shifts in color and proposed multiple options for site styling that would satisfy accessibility needs. Working together, we found a solution that addressed accebbility without compromising their brand guide.
Visualizing the difference between brand colors and proposed shifts for accessible color contrast ratings, according to WCAG.
Designing New Tools for Complex User Roles
One of the biggest upgrades to the website features would be the self-service tools available to customers. Successfully implementing user-based tools would lessen calls to the support desk and give users more independence over their account settings. As the Syndicate audience expanded, their user base also became younger and more tech-savvy, expecting website tools that other eCommerce platforms provide.
Implemented an online form for new customer registraion.
Eliminated the need for customer service team members to manually process new account requests.
Provided single-sign-on and linked account management for users that manage multiple accounts under one profile.
Users no longer need to maintain different credentials for multiple linked accounts.
Added the capability to process credit card payments at checkout.
Expanded purchasing capabilities for all users instead of only allowing ‘terms’ payments for wholesale buyers.
Defined unique purchasing rules for seasonal pre-ordered products.
Provided users the ability to place online orders for upcoming seasonal products without contacting a sales representative.
Built a new price management tool for wholesale accounts to edit custom markup prices.
Administrative wholesale accounts now have full access to editing individual products and category pricing per retail buyer.
Newly defined automation for online account registration eliminates the need for customer service representatives to manually process new accounts.
New website capability to process credit card payments could almost guarantee higher sales revenue, higher conversion rates, and lower cart abandonment.
Project Highlights
Confidently handed off a complete design with a refined style guide that would help inform client decisions when making custom edits in the CMS.
Successfully met business goals, designed new user flows and features, and launched a new website in time for peak sales seasons.
Full end-to-end design process with custom design system and tight collaboration throughout the project.
View Another Case Study
Lindsay Howell
Design System Creation | End-to-End Product Design | Responsive Layouts | UX + UI Design | B2B eCommerce
Syndicate Floral
Syndicate Floral Hardgoods is a go-to manufacturer and distributor for professional florists. Their products are sought out by small businesses and corporate supermarkets alike. Syndicate had recently acquired and started selling products from adjacent brands for ribbons, outdoor landscaping decor, and floral event displays. Due to these acquisitions, the business approached my team to design a brand new website that consolidated the products and functionality of their family of brands under one domain.
In collaboration with the Syndicate team, project management, and developers, we designed an end-to-end solution that prioritized Syndicate’s new branding and highlighted variant experiences for customer segments. We worked together from research to launch to ensure the website would capture all the needs of all user types.
End-to-End Solution
The Syndicate website was completely overhauled from their previous website design. With an opportunity to start fresh, we took a detailed look at improving the full user experience. From research to handoff, our team worked closely every step of the way to launch an exciting new website with a fully customizable CMS for client-side management.
Design System Creation
The client wanted to start with a blank slate. No elements from the previous interface were being reused so the new product design system was built from scratch. Style guides defined CSS components and a reusable component library was designed for handoff. This guaranteed consistency now and in the future for new designs.
Complex User Types
Syndicate customer segmentation goes beyond marketing funnels and persona types. Experiences were customized for role-based permissions and multi-user account management. We built unique tools and personalized user flows for parent wholesaler accounts, individual small business accounts, and administrative sales accounts.
The desktop homepage design highlights eye-catching imagery inspired by direct-to-consumer e-commerce experiences and features a double-stacked header navigation to accommodate an extensive product catalog.
Listening to the Needs of The Client and Their Users
The project began with thorough investigation into the current website’s successes and pain points. I worked with the client to coordinate user interviews. I conducted surveys and focus group discussions with internal stakeholders to hear their opinions and vision for the new website. I analyzed competitor’s and consumer websites, and reviewed the creative direction for the business’ rebrand.
Given the large amount of information and a tight timeline to deliver results, I used AI-assistance to synthesizing the written data. The output presented clear patterns that I was then able to review and document for presentation. I was able to further save time by continuing to use AI assistance for mapping site navigation and information architecture. Having shared this analysis with client stakeholders, the project was green-lit for further design and development.
The desktop homepage design highlights eye-catching imagery inspired by direct-to-consumer e-commerce experiences and features a double-stacked header navigation to accommodate an extensive product catalog.
13,000
ACCOUNT USERS
100 wholesaler accounts with linked retail-user relationships
Global market leader in prescription pet food
Millions of monthly website visits
2,000+
PRODUCT SKUS
Real-time inventory and pricing
Seasonal and pre-book products purchased async
Dynamic price management for wholesalers
Defining New User Flows With Wireframes
The website redesign began with wireframe layouts for every major page design in the site map. This gave the team an opportunity to map the functional details of the designs before addressing visual interest of the interface. Working as a cross-functional group, the wireframe phase was full of layout iterations and constant contact between project managers, client stakeholders, developers, and myself as the designer. We knew we needed to build complex functionality and custom tools into the site experience and wanted to ensure the team’s vision was aligned from the start. This phase was the foundation of defining user journeys and workflows.
Wireframe of new personalized dashboard experience for authenticated users.
Wireframe of new functionality for cart preview drawer.
Wireframe layout of new custom price management tool for administrative users.
THE PROBLEM TO SOLVE:
With recent acquisitions, the business went from catering to one audience to a much wider scope. The digital experience needed to present a diversified catalog with modern tools that impress new users.
Ensuring Accessibility in the Design System
With the wireframe foundation in place, the visual designs started coming alive with brand elements, high-quality product imagery and a thoughtfully produced design system. Keeping accessibility in mind, the client’s brand colors were a small challenge to sort out. Their particular shades of green and pink did not pass WCAG (Web Content Accessibility Guideline) contrast standards for color application on a digital interface. Before moving forward with branded interface designs, we addressed this concern. I offered slight shifts in color and proposed multiple options for site styling that would satisfy accessibility needs. Working together, we found a solution that addressed accebbility without compromising their brand guide.
Visualizing the difference between brand colors and proposed shifts for accessible color contrast ratings, according to WCAG.
Designing New Tools for Complex User Roles
One of the biggest upgrades to the website features would be the self-service tools available to customers. Successfully implementing user-based tools would lessen calls to the support desk and give users more independence over their account settings. As the Syndicate audience expanded, their user base also became younger and more tech-savvy, expecting website tools that other eCommerce platforms provide.
Implemented an online form for new customer registraion.
Eliminated the need for customer service team members to manually process new account requests.
Provided single-sign-on and linked account management for users that manage multiple accounts under one profile.
Users no longer need to maintain different credentials for multiple linked accounts.
Added the capability to process credit card payments at checkout.
Expanded purchasing capabilities for all users instead of only allowing ‘terms’ payments for wholesale buyers.
Defined unique purchasing rules for seasonal pre-ordered products.
Provided users the ability to place online orders for upcoming seasonal products without contacting a sales representative.
Built a new price management tool for wholesale accounts to edit custom markup prices.
Administrative wholesale accounts now have full access to editing individual products and category pricing per retail buyer.
Newly defined automation for online account registration eliminates the need for customer service representatives to manually process new accounts.
New website capability to process credit card payments could almost guarantee higher sales revenue, higher conversion rates, and lower cart abandonment.
Project Highlights
Confidently handed off a complete design with a refined style guide that would help inform client decisions when making custom edits in the CMS.
Successfully met business goals, designed new user flows and features, and launched a new website in time for peak sales seasons.
Full end-to-end design process with custom design system and tight collaboration throughout the project.
View Another Case Study
Royal Canin
UX + UI Design, Autoship Feature, Account Dashboard
View the Case Study →
Lindsay Howell
Design System Creation | End-to-End Product Design | Responsive Layouts | UX + UI Design | B2B eCommerce
Syndicate Floral
Syndicate Floral Hardgoods is a go-to manufacturer and distributor for professional florists. Their products are sought out by small businesses and corporate supermarkets alike. Syndicate had recently acquired and started selling products from adjacent brands for ribbons, outdoor landscaping decor, and floral event displays. Due to these acquisitions, the business approached my team to design a brand new website that consolidated the products and functionality of their family of brands under one domain.
In collaboration with the Syndicate team, project management, and developers, we designed an end-to-end solution that prioritized Syndicate’s new branding and highlighted variant experiences for customer segments. We worked together from research to launch to ensure the website would capture all the needs of all user types.
End-to-End Solution
The Syndicate website was completely overhauled from their previous website design. With an opportunity to start fresh, we took a detailed look at improving the full user experience. From research to handoff, our team worked closely every step of the way to launch an exciting new website with a fully customizable CMS for client-side management.
Design System Creation
The client wanted to start with a blank slate. No elements from the previous interface were being reused so the new product design system was built from scratch. Style guides defined CSS components and a reusable component library was designed for handoff. This guaranteed consistency now and in the future for new designs.
Complex User Types
Syndicate customer segmentation goes beyond marketing funnels and persona types. Experiences were customized for role-based permissions and multi-user account management. We built unique tools and personalized user flows for parent wholesaler accounts, individual small business accounts, and administrative sales accounts.
The desktop homepage design highlights eye-catching imagery inspired by direct-to-consumer e-commerce experiences and features a double-stacked header navigation to accommodate an extensive product catalog.
Listening to the Needs of The Client and Their Users
The project began with thorough investigation into the current website’s successes and pain points. I worked with the client to coordinate user interviews. I conducted surveys and focus group discussions with internal stakeholders to hear their opinions and vision for the new website. I analyzed competitor’s and consumer websites, and reviewed the creative direction for the business’ rebrand.
Given the large amount of information and a tight timeline to deliver results, I used AI-assistance to synthesizing the written data. The output presented clear patterns that I was then able to review and document for presentation. I was able to further save time by continuing to use AI assistance for mapping site navigation and information architecture. Having shared this analysis with client stakeholders, the project was green-lit for further design and development.
The desktop homepage design highlights eye-catching imagery inspired by direct-to-consumer e-commerce experiences and features a double-stacked header navigation to accommodate an extensive product catalog.
13,000
ACCOUNT USERS
100 wholesaler accounts with linked retail-user relationships
Global market leader in prescription pet food
Millions of monthly website visits
2,000+
PRODUCT SKUS
Real-time inventory and pricing
Seasonal and pre-book products purchased async
Dynamic price management for wholesalers
Defining New User Flows With Wireframes
The website redesign began with wireframe layouts for every major page design in the site map. This gave the team an opportunity to map the functional details of the designs before addressing visual interest of the interface. Working as a cross-functional group, the wireframe phase was full of layout iterations and constant contact between project managers, client stakeholders, developers, and myself as the designer. We knew we needed to build complex functionality and custom tools into the site experience and wanted to ensure the team’s vision was aligned from the start. This phase was the foundation of defining user journeys and workflows.
Wireframe of new personalized dashboard experience for authenticated users.
Wireframe of new functionality for cart preview drawer.
Wireframe layout of new custom price management tool for administrative users.
THE PROBLEM TO SOLVE:
With recent acquisitions, the business went from catering to one audience to a much wider scope. The digital experience needed to present a diversified catalog with modern tools that impress new users.
Ensuring Accessibility in the Design System
With the wireframe foundation in place, the visual designs started coming alive with brand elements, high-quality product imagery and a thoughtfully produced design system. Keeping accessibility in mind, the client’s brand colors were a small challenge to sort out. Their particular shades of green and pink did not pass WCAG (Web Content Accessibility Guideline) contrast standards for color application on a digital interface. Before moving forward with branded interface designs, we addressed this concern. I offered slight shifts in color and proposed multiple options for site styling that would satisfy accessibility needs. Working together, we found a solution that addressed accessibility without compromising their brand standards.
Visualizing the difference between brand colors and proposed shifts for accessible color contrast ratings, according to WCAG.
Designing New Tools for Complex User Roles
One of the biggest upgrades to the website features would be the self-service tools available to customers. Successfully implementing user-based tools would lessen calls to the support desk and give users more independence over their account settings. As the Syndicate audience expanded, their user base also became younger and more tech-savvy, expecting website tools that other eCommerce platforms provide.
Implemented an online form for new customer registration.
Eliminated the need for customer service team members to manually process new account requests.
Provided single-sign-on and linked account management for users that manage multiple accounts under one profile.
Users no longer need to maintain different credentials for multiple linked accounts.
Added the capability to process credit card payments at checkout.
Expanded purchasing capabilities for all users instead of only allowing ‘terms’ payments for wholesale buyers.
Defined unique purchasing rules for seasonal pre-ordered products.
Provided users the ability to place online orders for upcoming seasonal products without contacting a sales representative.
Built a new price management tool for wholesale accounts to edit custom markup prices.
Administrative wholesale accounts now have full access to editing individual products and category pricing per retail buyer.
Newly defined automation for online account registration eliminates the need for customer service representatives to manually process new accounts.
New website capability to process credit card payments could almost guarantee higher sales revenue, higher conversion rates, and lower cart abandonment.
Project Highlights
Full end-to-end design process with custom design system and tight collaboration throughout the project.
Confidently handed off a complete design with a refined style guide that would help inform client decisions when making custom edits in the CMS.
Successfully met business goals, designed new user flows and features, and launched a new website in time for peak sales seasons.
View Another Case Study
Royal Canin
UX + UI Design, Autoship Feature, Account Dashboard
View the Case Study →