--- title: Design and Web team summary – 10 April 2018 description: MAAS squad Homepage A/B test completes The team ran an A/B test on two homepage designs. Based on Google analytics experiment data and Crazy egg scroll-map data for both A and B versions. The resulting winner was B. Which has now been made the permanent homepage. MAAS Vanilla integration teething fixes The MAAS squad have […] url: https://canonical.com/blog/design-and-web-team-summary-10-april-2018?format=md --- 1. [Blog](https://canonical.com/blog) 2. Article --- [Anthony Dillon](https://canonical.com/blog/author/ya-bo-ng "More about Anthony Dillon") 10 April 2018 # Design and Web team summary – 10 April 2018 [Design](https://canonical.com/blog/tag/design) --- Share the article ## MAAS squad ### Homepage A/B test completes The team ran an A/B test on two homepage designs. Based on Google analytics experiment data and Crazy egg scroll-map data for both A and B versions. The resulting winner was B. Which has now been made the permanent homepage. ### MAAS Vanilla integration teething fixes The MAAS squad have been hard at work fixing any teething problems, since the release of the latest Vanilla on MAAS. The main focus has been on the spacing and padding in tables, to stop columns from wrapping. ## Snappy squad ### Prometheus metrics for snapcraft.io As traffic continues to increase on , the [snapcraft.io application](https://github.com/canonical-websites/snapcraft.io#status-checks-and-prometheus-metrics) now exports [Prometheus](https://prometheus.io/) metrics to help us understand the site’s traffic trends (see [50680](https://github.com/canonical-websites/snapcraft.io/pull/366/commits/506801c1a689f3c4ca0aee80a7d59070ffb03be1) and [365bc](https://github.com/canonical-websites/snapcraft.io/pull/484/commits/365bc27d63a5576d5b938bd03973f8fef60a46b5)). These metrics can then be exported to a Grafana dashboard to give us live stats about the response time for snapcraft.io: ### Market page improvements Client-side validation has been added to the Market page. Which, helps to make invalid states more helpful. For example, a count of the characters you have gone over the character limit. The apply changes button is only enabled when data has been changed. Also, there were a number of errors when saving data which have all been fixed. The team have added an option to the page to allow charts to be shown publicly. ### Maintenance Refactored and tested the account section of the application. ## Web squad ### Download landing page The designers in the web squad have been redesigning the download overview page on [www.ubuntu.com](http://www.ubuntu.com). This page needs an overhaul for the upcoming 18.04 LTS release. [Here are the current designs](https://github.com/ubuntudesign/www.ubuntu.com-design/issues/127) ### New insights homepage There has been a new design implemented for the insights blog. Which is currently undergoing an A/B test to measure its impact on usage. ### New homepage banner for the China website The web squad created a new homepage banner on the homepage of [cn.ubuntu.com](https://cn.ubuntu.com/). This was to promote the new Ubuntu Core webinar. ## Vanilla and base squad ### Vanilla React components The Vanilla squad continued to develop the final few Vanilla components. The two components worked on this iteration are: * [Contextual menu](https://docs.vanillaframework.io/en/patterns/contextual-menu) * [Expanding table](https://docs.vanillaframework.io/en/patterns/table-expanding) These new components will soon be available in our [implementation of Vanilla Framework using React](https://github.com/vanilla-framework/vanilla-framework-react). ### Vanilla spacing rewrite There has been a lot of focus on spacing and padding in this cycle for Vanilla. We have fundamentally rewritten the way in which Vanilla layouts its components. It’s a difficult problem to solve due to the number of combinations of components. This initial work has been completed and released as [vanilla-framework@1.7.0-alpha-1](https://github.com/vanilla-framework/vanilla-framework/releases/tag/v1.7.0-alpha-1). We will be testing and fixing bugs over the next few iterations on the road to a full v1.7.0 release. ### Update homepage of docs website The team worked with the docs team to refresh the homepage of the [company docs site](https://docs.ubuntu.com/). This now acts as a nice directory for documentation from all corners of Canonical. ### Vanilla navigation redesign One of the most complex components in Vanilla is the navigation. The team have researched and developed a new design. Some changes that were implemented was the removal of the divider lines between links and an updated to the selected and hover states. ## Brand squad ### Ubuntu desktop first use screen The team have been working on a design for the Ubuntu desktop first use screen. ## Documentation team An issue with an out of date API document for MAAS led us to update and semi-automate the inclusion of code-generated API docs into. There were also some major edits of the text for the new subiquity installer and a long-awaited update to the Juju/OpenStack walkthrough. [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/legal/dataprivacy). Sign up ## Share on --- ## Related posts [### Challenges designers face in open source (and how to fix them)](https://canonical.com/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/blog/author/kola-ojoodide) 26 June 2026 [### Why web engineering is great](https://canonical.com/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/blog/author/johannwolf) 27 April 2026 [### Canonical’s recipe for High Performance Computing](https://canonical.com/blog/canonicals-recipe-for-high-performance-computing) In essence, High Performance Computing (HPC) is quite simple. Speed and scale. In practice, the concept is quite complex and hard to achieve. It is not dissimilar to what... [Igor Ljubuncic](https://canonical.com/blog/author/igorljubuncic) 24 January 2024 [### Web team – hack week 2023](https://canonical.com/blog/web-team-hack-week-2023) Today, around 96% of software projects utilize open source in some way. The web team here at Canonical is passionate about Open source. We lead with an open-by-default approach... [Anthony Dillon](https://canonical.com/blog/author/ya-bo-ng) 25 October 2023