Project Overview
Infor is an enterprise software company with dozens of products serving a wide range of industries. They wanted to ability to have their marketing team quickly create new optimized content, while adhering to their brand guides.
I designed a template system able to handle the various content their team needs, including product information webpages, landing pages, and lead capture funnels.
Design Research
Infor has a well-established design system governing dozens of enterprise products. I studied their brand guide and current web content to see their branding in context and ensure consistency in my designs.
Key Brand Elements
Infor has a limited color palette of red, graphite, and white with blue accents
Visual interest is added through subtle dot or grid patterns
Designs are minimalist and built around a consistent grid system
Customer Research
Infor’s team sent me heat map data for a number of their current webpages, allowing me to determine what aspects were currently performing well and spot opportunities for improved customer flows.
Pain Points
One of the main issues I discovered was poor informational architecture, leading to high bounce rates
A…Project Overview
Infor is an enterprise software company with dozens of products serving a wide range of industries. They wanted to ability to have their marketing team quickly create new optimized content, while adhering to their brand guides.
I designed a template system able to handle the various content their team needs, including product information webpages, landing pages, and lead capture funnels.
Design Research
Infor has a well-established design system governing dozens of enterprise products. I studied their brand guide and current web content to see their branding in context and ensure consistency in my designs.
Key Brand Elements
Infor has a limited color palette of red, graphite, and white with blue accents
Visual interest is added through subtle dot or grid patterns
Designs are minimalist and built around a consistent grid system
Customer Research
Infor’s team sent me heat map data for a number of their current webpages, allowing me to determine what aspects were currently performing well and spot opportunities for improved customer flows.
Pain Points
One of the main issues I discovered was poor informational architecture, leading to high bounce rates
A competitor analysis showed that many of the Infor pages were missing key visuals like screenshots and graphics
Design Considerations
My template layouts utilize line/shape, color, and space to emphasize the informational hierarchy
I included spaces for visuals in key positions, reinforcing written content with graphics and other visual aids
Design Process
My main focus was ensuring every aspect of the layout contributed to the informational architecture. I utilized heat map data to refine these designs.
I varied font weight/size/color to differentiate levels of text hierarchy. Red accents and icons further emphasize key points while adding visual representations of the information presented. Images will establish eye lines towards the content.
To create motion I helped guide users’ eyes using background graphics, icons, and pops of color. Careful use of negative space left ‘breathing room’ around important elements, while helping to guide users towards key content.
Multiple iterations of each template section were created based on input from Infor’s team, allowing them to mix-and-match templates and handle differences in amount of copy, availability of images, and other common factors that pop up.
Outcome
Infor’s marketing team loved the templates, and were able to successfully use them for a wide variety of webpages - some examples below.
Examples of work created using the template system:
Infor CPQ product page: https://www.twine.net/signin
Infor HMS product page: https://www.twine.net/signin
Infor M3 Cloud ERP product page: https://www.twine.net/signinWWWWWWWWProject Overview
Infor is an enterprise software company with dozens of products serving a wide range of industries. They wanted to ability to have their marketing team quickly create new optimized content, while adhering to their brand guides.
I designed a template system able to handle the various content their team needs, including product information webpages, landing pages, and lead capture funnels.
Design Research
Infor has a well-established design system governing dozens of enterprise products. I studied their brand guide and current web content to see their branding in context and ensure consistency in my designs.
Key Brand Elements
Infor has a limited color palette of red, graphite, and white with blue accents
Visual interest is added through subtle dot or grid patterns
Designs are minimalist and built around a consistent grid system
Customer Research
Infor’s team sent me heat map data for a number of their current webpages, allowing me to determine what aspects were currently performing well and spot opportunities for improved customer flows.
Pain Points
One of the main issues I discovered was poor informational architecture, leading to high bounce rates
A com…
