Adaptable, holistic-thinking & hands-on.
Hi I'm Michael, a multidisciplinary design leader who provides confidence by delivering effective, elegant solutions. I create:
Adaptable, holistic-thinking & hands-on.
Hi I'm Michael, a multidisciplinary design leader who provides confidence by delivering effective, elegant solutions. I create:
Adaptable, holistic-thinking & hands-on.
Hi I'm Michael, a multidisciplinary design leader who provides confidence by delivering effective, elegant solutions. I create:
Design systems
Websites
Mobile apps
Visual design
UX/UI
A flexible, scalable system for the Mercer Advisors’ corporate website
Design systems
Websites
Mobile apps
Visual design
UX/UI
A flexible, scalable system for the Mercer Advisors’ corporate website
Design systems
Websites
Mobile apps
Visual design
UX/UI
A flexible, scalable system for the Mercer Advisors’ corporate website
Design systems
Websites
Mobile apps
Visual design
UX/UI
A flexible, scalable system for the Mercer Advisors’ corporate website
Work
Cole Haan
Modernizing their shopping site and speeding up the path to purchase
type
E-commerce site, design system, UX/UI
Industry
Fashion & retail
Team size
16
Duration
26 wks.
Cole Haan
Modernizing their shopping site and speeding up the path to purchase
type
E-commerce site, design system, UX/UI
Industry
Fashion & retail
Team size
16
duration
26 wks.
Cole Haan
Modernizing their shopping site and speeding up the path to purchase
type
E-commerce design system, UX/UI
Industry
Fashion & retail
Team size
16
duration
26 wks.
I developed the design system for Cole Haan’s e-commerce site, helping our team create a seamless shopping experience.
I developed the design system for Cole Haan’s e-commerce site, helping our team create a seamless shopping experience.
I developed the design system for Cole Haan’s e-commerce site, helping our team create a seamless shopping experience.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
The buystack component was optimized to accelerate checkout, with dynamic content progressively revealed to keep customers focused on adding items to their cart.
Foundational elements and usage guidelines were applied to ensure consistency across the entire site.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
The buystack component was optimized to accelerate checkout, with dynamic content progressively revealed to keep customers focused on adding items to their cart.
Foundational elements and usage guidelines were applied to ensure consistency across the entire site.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
The buystack component was optimized to accelerate checkout, with dynamic content progressively revealed to keep customers focused on adding items to their cart.
Foundational elements and usage guidelines were applied to ensure consistency across the entire site.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
The buystack component was optimized to accelerate checkout, with dynamic content progressively revealed to keep customers focused on adding items to their cart.
Foundational elements and usage guidelines were applied to ensure consistency across the entire site.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
The buystack component was optimized to accelerate checkout, with dynamic content progressively revealed to keep customers focused on adding items to their cart.
Foundational elements and usage guidelines were applied to ensure consistency across the entire site.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
The buystack component was optimized to accelerate checkout, with dynamic content progressively revealed to keep customers focused on adding items to their cart.
Foundational elements and usage guidelines were applied to ensure consistency across the entire site.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
The buystack component was optimized to accelerate checkout, with dynamic content progressively revealed to keep customers focused on adding items to their cart.
Foundational elements and usage guidelines were applied to ensure consistency across the entire site.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
The buystack component was optimized to accelerate checkout, with dynamic content progressively revealed to keep customers focused on adding items to their cart.
Foundational elements and usage guidelines were applied to ensure consistency across the entire site.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
The UI kit enabled the team to efficiently create pages and assets that felt premium, fashion-forward, and appealing to women.
Different photo styles were assigned to specific use cases to organize content on each page.
Atomic design principles were applied throughout the process, building the system from the inside out.
Customizable, modular storytelling blocks empowered the brand and engineering teams to create special campaigns quickly and efficiently.
The product grid template features prominent category navigation, helping customers explore the product line while reinforcing brand identity.
A Baymard Institute research study, 30 different recommendations to improve the shopping experience, and a small but nimble team. How did we do?
Connect with me, and I’ll fill you in on everything!
A Baymard Institute research study, 30 different recommendations to improve the shopping experience, and a small but nimble team. How did we do?
Connect with me, and I’ll fill you in on everything!
A Baymard Institute research study, 30 different recommendations to improve the shopping experience, and a small but nimble team. How did we do?
Connect with me, and I’ll fill you in on everything!
Mercer Advisors
Humanizing finance to build trust
type
Website and design system
Industry
Financial services
Team size
12
Duration
8 wks.
Mercer Advisors
Humanizing finance to build trust
type
Website and design system
Industry
Financial services
Team size
12
duration
8 wks.
Mercer Advisors
Humanizing finance to build trust
type
Website and design system
Industry
Financial services
Team size
12
duration
8 wks.
I established a comprehensive design system and component library for developers and designers to swiftly implement and build upon.
I established a comprehensive design system and component library for developers and designers to swiftly implement and build upon.
I established a comprehensive design system and component library for developers and designers to swiftly implement and build upon.
A new brand, a tight timeline, and rapidly evolving content. So, how did it all come together?
Reach out, and I’ll fill you in on all the details.
A new brand, a tight timeline, and rapidly evolving content. So, how did it all come together?
Reach out, and I’ll fill you in on all the details.
A new brand, a tight timeline, and rapidly evolving content. So, how did it all come together?
Reach out, and I’ll fill you in on all the details.
IBM
Consistently delivering innovative solutions, even in the face of challenging and uncertain situations.
type
Websites, apps, UXD, visual design, executive presentations, print
Industry
Technology and services provider
NO. OF PROJECTS
36
Duration
9 yrs.
IBM
Consistently delivering innovative solutions, even in the face of challenging and uncertain situations.
type
Websites, apps, UXD, visual design, executive presentations, print
Industry
Technology and services provider
NO. OF PROJECTS
36
duration
9 yrs.
IBM
Consistently providing creative solutions, even in challenging and unpredictable circumstances.
type
Websites, apps, UXD, visual design, presentations, print
Industry
Technology and services provider
NO. OF PROJECTS
36
duration
9 yrs.
Over the course of nine years, I had the privilege of working on both internal and external-facing experiences across various media, collaborating closely with C-Suite and Senior-level managers throughout the company. I contributed to the creation of:
11
Websites
8
Mobile apps
3
UXD projects
6
Executive presentations
2
Print pieces
11
Websites
8
Mobile apps
3
UXD projects
6
Executive presentations
2
Print pieces
11
Websites
8
Mobile apps
3
UXD projects
6
Executive presentations
2
Print pieces
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Intelligent Workflows, a microsite for IBM Consulting.
yourIBM, a dashboard-style productivity app, streamlined employees' workday by consolidating commonly used platforms in one place.
Visual design for productizing yourIBM for external clients.
Wireframes for the IBM Innovation Studio landing page on IBM.com and Seismic pages
Different projects, diverse audiences with differing needs, resourceful teams, and 9 years of dedicated service. What insights did I gain along the way?
Drop me an email, and I’ll share some highlights with you.
Different projects, diverse audiences with differing needs, resourceful teams, and 9 years of dedicated service. What insights did I gain along the way?
Drop me an email, and I’ll share some highlights with you.
Different projects, diverse audiences with differing needs, resourceful teams, and 9 years of dedicated service. What insights did I gain along the way?
Drop me an email, and I’ll share some highlights with you.
This & that.
Design highlights, with things I love sprinkled in for fun. Staying curious, learning new skills, and collaborating with good people feed my creativity.
Xerox-Parc
Strategically repositioning Xerox’s research division and translating it into a compelling visual identity.
type
Website concept ideation
Industry
Technology—R&D
team
7
Duration
17 wks.
Xerox-Parc
Strategically repositioning Xerox’s research division and translating it into a compelling visual identity.
type
Website concept ideation
Industry
Technology—R&D
team
7
duration
17 wks.
Xerox-Parc
Strategically repositioning Xerox’s research division and translating it into a compelling visual identity.
type
Website concept ideation
Industry
Technology—R&D
team
7
Duration
17 wks.
a
a
b
b
How do you design a site that reflects the spirit of a purpose-driven scientist? We offered the client two compelling options, both inspired by the idea of “Restarting the world," making the choice a tough one.
Curious to know which one they chose?
How do you design a site that reflects the spirit of a purpose-driven scientist? We offered the client two compelling options, both inspired by the idea of “Restarting the world," making the choice a tough one.
Curious to know which one they chose?
How do you design a site that reflects the spirit of a purpose-driven scientist? We offered the client two compelling options, both inspired by the idea of “Restarting the world," making the choice a tough one.
Curious to know which one they chose?
and I'll fill you in.
and I'll fill you in.
and I'll fill you in.
Lux Capital
Uniting diverse startups, people and ideas under one brand
type
Corporate website
Industry
Venture Capital—Emerging technologies
team
10
Duration
21 wks.
Lux Capital
Uniting diverse startups, people and ideas under one brand
type
Corporate website
Industry
Venture Capital—Emerging technologies
team
10
duration
21 wks.
Lux Capital
Uniting diverse startups, people and ideas under one brand
type
Corporate website
Industry
Venture Capital—Emerging technologies
team
10
Duration
21 wks.
Mission
Mission
Tech
Tech
+
+
+
We organized their site content into two key categories: "Mission" and "Tech." This structure helped Lux align their companies and information under clear themes, making it simpler to navigate and find content.
Want to learn more?
We organized their site content into two key categories: "Mission" and "Tech." This structure helped Lux align their companies and information under clear themes, making it simpler to navigate and find content.
Want to learn more?
We organized their site content into two key categories: "Mission" and "Tech." This structure helped Lux align their companies and information under clear themes, making it simpler to navigate and find content.
Want to learn more?
for the details.
for the details.
for the details.
Force of nature
When I stayed in Japan one summer, I took a calligraphy lesson from a very patient schoolteacher who showed me how to write my name in Japanese.
Foreign names are written in Katakana, so we broke down the syllables of my name and paired them with characters that represent their sound, turning “Michael” into “マイケル” (Maikeru). We then switched to Kanj (the script used for native words) to add a layer of meaning, and considered 舞樹留 (Dance-tree-stay), 真一樹 (Truth-one-tree), and 麻意華流 (Hemp-mind-flow), arriving at two distilled options: つり (Tsuri) for “fishing” and 力 (Chikara) for “strength, energy or force.”
Of course I chose 💪🏽
Read more +
Force of nature
When I stayed in Japan one summer, I took a calligraphy lesson from a very patient schoolteacher who showed me how to write my name in Japanese.
Foreign names are written in Katakana, so we broke down the syllables of my name and paired them with characters that represent their sound, turning “Michael” into “マイケル” (Maikeru). We then switched to Kanj (the script used for native words) to add a layer of meaning, and considered 舞樹留 (Dance-tree-stay), 真一樹 (Truth-one-tree), and 麻意華流 (Hemp-mind-flow), arriving at two distilled options: つり (Tsuri) for “fishing” and 力 (Chikara) for “strength, energy or force.”
Of course I chose 💪🏽
Read more +
Force of nature
When I stayed in Japan one summer, I took a calligraphy lesson from a very patient schoolteacher who showed me how to write my name in Japanese.
Foreign names are written in Katakana, so we broke down the syllables of my name and paired them with characters that represent their sound, turning “Michael” into “マイケル” (Maikeru). We then switched to Kanj (the script used for native words) to add a layer of meaning, and considered 舞樹留 (Dance-tree-stay), 真一樹 (Truth-one-tree), and 麻意華流 (Hemp-mind-flow), arriving at two distilled options: つり (Tsuri) for “fishing” and 力 (Chikara) for “strength, energy or force.”
Of course I chose 💪🏽
Read more +
About
About
Collaborative, curious and creative, I'm a driving force, seamlessly weaving beauty and order into elegant and functional digital experiences.
Let’s collaborate
©2024 Michael Trovela