Jon Hill
AI-Native Product Design | Systems UX | Adaptive Experiences | View Resume
I design complex digital products across enterprise and consumer platforms, using AI as a decision-support tool to improve clarity, scale, and user outcomes.
With 13 years of experience, I lead scalable digital product initiatives through UX research, design systems, and thoughtful decision-making.
MarTech Case Studies
Ecommerce Martech UX Studies
Ecommerce Martech UX Studies
New York Philharmonic + Beauty Beats Cancer + Beauty Social-Commerce Application
Three Opportunities to Solve Unique UX Challenges.
This case study explores three very different digital commerce products and the UX challenges behind each one. As you move through the projects, you’ll see how I approached New York Philharmonic’s large-scale website redesign, built a nonprofit experience from the ground up for Beauty Beats Cancer, and led a team of designers at IT Yug in designing a social-commerce application.
Three Opportunities to Solve Unique UX Challenges.
Exploring e-commerce beyond traditional shopping experiences, these three projects have allowed me to work on everything from redesigning a large established website, to building a nonprofit experience from the ground up, to leading the design of a social-commerce application for the beauty industry.
The products were different, the users were different, and my responsibilities changed with each assignment. What remained consistent was the opportunity to figure out what each experience needed, adapt my process around those needs, and work with the talented people involved to move the product forward.
I led discovery and stakeholder working sessions to understand the existing website, business requirements, and goals for the project. What was initially expected to be a reskin revealed the need for a much broader redesign, which helped establish the direction for the experience.
Following discovery, I reworked the website’s information architecture to organize its extensive content and establish a clearer structure for the redesigned experience. This created the foundation for how users would navigate and move through the site.
Using the architecture as the foundation, I wireframed the responsive experience across the website, translating the structure into page layouts, content hierarchy, and user flows. These wireframes also became a way to communicate progress and gather stakeholder feedback throughout the project.
I applied the New York Philharmonic brand colors, typography, buttons, and consistent visual patterns to bring the architecture and wireframes into a polished interface that clearly guided users through key journeys. The final UI was developed into a full-scale interactive prototype for handoff to the internal development team.
Starting with a blank slate, I worked directly with stakeholders to understand the nonprofit’s goals, define what information needed to be communicated, and establish what the website needed to accomplish within the available budget and timeline.
I organized the content, established the page structure and navigation, and defined how users would move through the nonprofit’s mission, programs, and supporting information.
I translated the UX and information architecture into a consistent visual experience using the organization’s brand and content.
Working directly with the developer, I maintained design consistency through implementation and final delivery.
What began as an idea for the ilobeau beauty app evolved into a full social-commerce product shaped through research, product strategy, information architecture, and design. As UX Design Lead, I helped define the product while leading the design team and working with stakeholders, development, and QA through delivery.
I worked with stakeholders and beauty professionals to understand the initial vision, research the market, and identify the user needs that would help shape the product.
Sample Work — Original designs cannot be displayed due to contractual restrictions.
With the initial idea still broadly defined, I helped shape what the product could become and organized the selected concepts into a cohesive application experience.
Sample Work — Original designs cannot be displayed due to contractual restrictions.
I led the design team while remaining hands-on, translating the product strategy and architecture into the flows, interactions, and interfaces that defined the experience.
Led a seven-person design team while remaining hands-on across ideation, user journeys, wireframing, interaction design, and UI
Translated the product strategy and information architecture into interconnected features, flows, and interfaces
Established consistent UX and UI patterns across professional discovery, profiles, marketing, content, social integrations, and the digital magazine
Worked directly with stakeholders to present designs, gather feedback, and refine the product direction
I worked directly with the development team to communicate design requirements, resolve implementation questions, and maintain the intended experience as designs moved into development, while participating in QA, identifying and resolving UX, UI, and implementation issues through final delivery.
I led discovery and stakeholder working sessions to understand the existing website, business requirements, and goals for the project. What was initially expected to be a reskin revealed the need for a much broader redesign, which helped establish the direction for the experience.
Following discovery, I reworked the website’s information architecture to organize its extensive content and establish a clearer structure for the redesigned experience. This created the foundation for how users would navigate and move through the site.
Using the architecture as the foundation, I wireframed the responsive experience across the website, translating the structure into page layouts, content hierarchy, and user flows. These wireframes also became a way to communicate progress and gather stakeholder feedback throughout the project.
I applied the New York Philharmonic brand colors, typography, buttons, and consistent visual patterns to bring the architecture and wireframes into a polished interface that clearly guided users through key journeys. The final UI was developed into a full-scale interactive prototype for handoff to the internal development team.
Starting with a blank slate, I worked directly with stakeholders to understand the nonprofit’s goals, define what information needed to be communicated, and establish what the website needed to accomplish within the available budget and timeline.
I organized the content, established the page structure and navigation, and defined how users would move through the nonprofit’s mission, programs, and supporting information.
I translated the UX and information architecture into a consistent visual experience using the organization’s brand and content.
Working directly with the developer, I maintained design consistency through implementation and final delivery.
What began as an idea for the ilobeau beauty app evolved into a full social-commerce product shaped through research, product strategy, information architecture, and design. As UX Design Lead, I helped define the product while leading the design team and working with stakeholders, development, and QA through delivery.
I worked with stakeholders and beauty professionals to understand the initial vision, research the market, and identify the user needs that would help shape the product.
Sample Work — Original designs cannot be displayed due to contractual restrictions.
With the initial idea still broadly defined, I helped shape what the product could become and organized the selected concepts into a cohesive application experience.
Sample Work — Original designs cannot be displayed due to contractual restrictions.
I led the design team while remaining hands-on, translating the product strategy and architecture into the flows, interactions, and interfaces that defined the experience.
Led a seven-person design team while remaining hands-on across ideation, user journeys, wireframing, interaction design, and UI
Translated the product strategy and information architecture into interconnected features, flows, and interfaces
Established consistent UX and UI patterns across professional discovery, profiles, marketing, content, social integrations, and the digital magazine
Worked directly with stakeholders to present designs, gather feedback, and refine the product direction
I worked directly with the development team to communicate design requirements, resolve implementation questions, and maintain the intended experience as designs moved into development, while participating in QA, identifying and resolving UX, UI, and implementation issues through final delivery.
Conclusion
Working across New York Philharmonic, Beauty Beats Cancer, and IT Yug required different approaches to e-commerce and digital product design that ranged from redesigning an established experience and building a nonprofit website from the ground up to helping define and lead a social-commerce product. Each project strengthened my ability to adapt my process, balance user and business needs, and determine the right level of research, strategy, and design for the experience.