--- title: Designing product page templates for ubuntu.com description: During our user testing sessions on ubuntu.com, we often receive feedback from users about content on the site (“I can’t find this”, “I’d like more of that” or “I want to know this”). Accumulated feedback like this contributed to our decision here on the Web team to find a more standardised way of designing our […] url: https://canonical-com-2950.demos.haus/blog/designing-product-page-templates-for-ubuntu-com?format=md --- 1. [Blog](https://canonical-com-2950.demos.haus/blog) 2. Article --- [Francesca Granato](https://canonical-com-2950.demos.haus/blog/author/francesca-granato "More about Francesca Granato") 10 October 2017 # Designing product page templates for ubuntu.com [Design](https://canonical-com-2950.demos.haus/blog/tag/design) --- Share the article During our user testing sessions on ubuntu.com, we often receive feedback from users about content on the site (“I can’t find this”, “I’d like more of that” or “I want to know this”). Accumulated feedback like this contributed to our decision here on the Web team to find a more standardised way of designing our product landing pages. We have two main motivations for doing this work: 1)  **To make our users’ lives easier** The www.ubuntu.com site has a long legacy of bespoke page design which has resulted in an inconsistent content strategy across some of our pages.  In order to evaluate and compare our products effectively, our users need consistent information delivered in a consistent way. 2) **To make our lives easier** Here at Canonical, we don’t have huge teams to write copy, make videos or create content for our websites. Because of this our product pages need to be quick and easy to design, build and maintain – which they will be if they all follow a standardised set of guidelines. After a process of auditing the current site content, researching competitors, and refining a few different design routes – we reached a template that we all agreed was better than what we currently had in most cases.  Here’s some annotated photos of the process. *First we completed a thorough content audit of existing ubuntu.com product pages. Here the coloured post-it notes denote different types of content.* *Our audit of the site resulted in this unprioritized ‘short-list’ of possible types of content  to be included on a product page.* *Some examples of early wireframe sketches.* Here is an illustrated wireframe of new template. I use this illustrated wireframe as a guideline for our stakeholders, designers and developers to follow when considering creating new or enhancing existing product pages. We have begun rolling out this new template across our product pages –  e.g. [our server-provisioning page](https://www.ubuntu.com/server/maas). Our plan is to continue to test, watch and measure the pages using this template and then to iterate on the design accordingly. In the meantime, it’s already making our lives here on the Web Team easier! [Get in touch Interested in running Ubuntu in your organization?](https://ubuntu.com/about/contact-us/form) ## Sign up for our newsletter Get the latest Canonical news and updates in your inbox. Work email: \*I agree to receive information about Canonical's products and services. By submitting this form, I confirm that I have read and agree to [Canonical's Privacy Policy](https://canonical-com-2950.demos.haus/legal/dataprivacy). Sign up ## Share on --- ## Related posts [### Challenges designers face in open source (and how to fix them)](https://canonical-com-2950.demos.haus/blog/challenges-designers-face-in-open-source-and-how-to-fix-them) Open source powers up to 90% of modern software, yet many projects lack usability. Canonical’s Design team surveyed 115 cross-functional professionals to uncover the 4 core... [Kola Ojoodide](https://canonical-com-2950.demos.haus/blog/author/kola-ojoodide) 26 June 2026 [### Template: Streamlining open source design contributions](https://canonical-com-2950.demos.haus/blog/template-streamlining-open-source-design-contributions) As designers working at Canonical, we’re always thinking about open source. We believe that encouraging more designers to contribute to open source benefits everyone, from the... [Nina Rojc](https://canonical-com-2950.demos.haus/blog/author/ninarojc) 16 June 2026 [### Decoding design: How design and engineering thrive together in open source](https://canonical-com-2950.demos.haus/blog/decoding-design-how-design-and-engineering-thrive-together-in-open-source) Open source thrives on engineering-driven processes. Fast feedback loops, terminal tools, Git workflows: they’re the lifeblood of how we build software in the open. But for... [Miguel Divo](https://canonical-com-2950.demos.haus/blog/author/mdivo) 22 May 2026 [### Why web engineering is great](https://canonical-com-2950.demos.haus/blog/why-web-engineering-is-great) Hi, I’m Johann! I’m an engineering manager in Canonical’s web team. For the larger part of my 15 years of work experience as engineer, I’ve been working in web development.... [Johann Wolf](https://canonical-com-2950.demos.haus/blog/author/johannwolf) 27 April 2026