---
title: Design and Web team summary – 29 March 2019
description: This was a busy two weeks for the Web & Design team at Canonical. Many
  of the things we worked on will be completed in the next iteration, but here are
  some of the highlights of our completed work. Snapcraft.io New JetBrains publisher
  page We have now a link to the JetBrains collection of snaps  […]
url: https://canonical.com/blog/design-and-web-team-summary-29-march-2019?format=md
---

1. [Blog](https://canonical.com/blog)
2. Article

---

[Peter Mahnke](https://canonical.com/blog/author/peterm-ubuntu "More about Peter Mahnke")

29 March 2019

# Design and Web team summary – 29 March 2019

[brand](https://canonical.com/blog/tag/brand)
[ubuntu.com](https://canonical.com/blog/tag/ubuntu-com)
[Vanilla](https://canonical.com/blog/tag/vanilla)
[vanilla framework](https://canonical.com/blog/tag/vanilla-framework)
[web and design](https://canonical.com/blog/tag/web-and-design)

---

Share the article

This was a busy two weeks for the Web & Design team at Canonical. Many of the things we worked on will be completed in the next iteration, but here are some of the highlights of our completed work.

## Snapcraft.io

### New JetBrains publisher page

We have now a link to the JetBrains collection of snaps from the homepage. Without much marketing done, it has already ranked on our top 68 pages from snapcraft.io in just 2 weeks. Other publisher pages upcoming soon!

### Store page visual update

Following the branding update we did on the homepage, we have iterated as well on the store homepage which works beautifully responsive

### Snap Store banner at the end of /store

To promote our Snap Store snap that allows non-ubuntu Linux users enjoy the storefront experience on their desktop

### Updated image listing functionality

As well as general visual updates for snap details listing pages. Includes image restrictions messaging and updated the layout

### Github badges with the latest version

Publishers can now publicise their snaps in their GitHub repos. We will work on a dashboard to help out understand how publishers are using these assets

## MAAS

### maas.io updates

Updated page structure, wider fixed-width, new nav, improvements to copy, new responsive logo section and an updated hero banner.

! https://assets.ubuntu.com/v1/192e2087https://maas.io/-maas.io+updates+2019-03-29.png!

### Storage futuroscope

We explored future possibilities for managing custom storage at scale
ESXi & Windows storage. Then worked with engineering on designs to choose target OS and show custom storage layouts, including VMware datastores.

### Move to ES6

Migration to ES6 modules, allows componentising angular modules for hot reloading and will speed development.

### KVM aggregation

Following a three day workshop, we explored the IA, including the addition of RSD and renaming the current â€˜Podsâ€™ page to KVM, improvements to the machine listing table for VMs (when presented in the KVM tab), as well as options for adding charts to the hosts table.

### Bonds and bridges

UI updates to improve UX including ability to add and remove interfaces from a bond.

## Vanilla

### Vertical rhythm and spacing in Vanilla Framework 2.0

New blog post discussing the introduction of vertical rhythm, a new typescale, consistent white space in and between elements, and adjustable information density.

[Read the post](https://blog.ubuntu.com/2019/03/15/vertical-rhythm-and-spacing-improvements-in-vanilla-framework-2-0)

### Simplify the Codebase

As part of our 2.0 release, we continued improvements by simplifying the codebase which included BEM nesting, renaming of spacing variables as currently, they’re not understandable and deprecated components.

* Removing old deprecated code
* Footer
* Sidebar navigation
* Strong link

### Documentation improvements

As part of our roadmap, weâ€™re continuing to improve our Documentation site by improving in areas to improve user engagement.

### Vanilla Design UI Kit

Fixed broken components in our Master Sketch file so our designers can use it. Available to download on [vanillaframework.io/](https://vanillaframework.io/) and use on your design projects.

## JAAS

### Jaas.ai navigation design

We updated the naming and order of the main navigation items

### Jaas.ai experts lead generation form

We added a lead generation form to expert charm and bundle detail pages, updating the current implementation which only displays contact details

### Jaas.ai details page header

We updated the header on detail pages to show the supported series e.g Kubernetes, Cosmic etc
GUI Development

### Infrastructure improvements

Work was started on converting the Juju GUI to a standalone application served by Flask.

## Brand

### Whitepapers

A number of white papers were completed and a few are pending sign-off

Awards certificates – We designed a set of awards certificates that will be printed and distributed globally

### Canonical.com

Design work continued on a number of pages as well as the navigation system that will filter across other sites. There was also the development of an exciting interactive tool for the careers section of the site.

### Happy hour invitation

Designed to attract people to our stand were handed out at a happy hour drinks session we ran

### Exhibitions

Open Infrastructure – Denver and Dell Technologies stands were designed and produced

### Livepatch icons

UI icons showing various states of Livepatch were designed and implemented

## Web

### Homepage takeovers & engage pages

This iteration we designed and built four takeovers and three engage pages, including the following:

* Snap Deltas takeover and engage page

  + [Learn how snap deltas over-the-air updates can save you bandwidth](https://www.ubuntu.com/engage/snap-deltas)
* The German version of compliance webinar takeover
* The German versions of AI/ML webinar takeover
* A French Version of *VMware to Openstack* takeover and engage page
* [An explanation of AppArmor and its key features engage page](https://www.ubuntu.com/engage/apparmor-intro)

### Partner Portal and legal pages updates

We updated legal terms and policies page to add new Partner Portal privacy notice.

### Social banners for Financial Services whitepaper

These assets were designed for a campaign centered around the whitepaper Multi-Cloud Fundamental to Financial Services Transformation targeted at the financial services industry. Multiple versions were designed for each social media network for digital ad testing.

[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

[### Vanilla 4.0 release](https://canonical.com/blog/vanilla-4-0-release)

Last week we released a new major version of the Vanilla framework. Vanilla 4.0 introduces the elements of the new style used for a current rebranding of Canonical’s brochure...

[Bartek Szopka](https://canonical.com/blog/author/bartoszopka)

18 July 2023

[### Introducing a VSCode extension for Vanilla CSS Framework](https://canonical.com/blog/introducing-a-vscode-extension-for-vanilla-css-framework)

The Vanilla CSS Framework is a utility class-based and customizable SASS library that is the go-to when it comes to styling websites and dashboards across the majority of...

[Goulin Khoge](https://canonical.com/blog/author/goulinkh)

14 October 2022

[### How we implemented an interactive Live Demo Box](https://canonical.com/blog/live-demo-box)

The Vanilla squad recently spent a two week sprint prototyping an interactive live demo box. We were tasked with coming up with a proof of concept, to enable demoing of each...

[bethcollins](https://canonical.com/blog/author/bethcollins)

17 March 2022

[### Release of Vanilla framework v3.0](https://canonical.com/blog/release-of-vanilla-framework-v3)

We’ve just released Vanilla v3.0 – a new major update to our CSS framework. It includes a few significant updates and improvements around spacing variables, responsive...

[Bartek Szopka](https://canonical.com/blog/author/bartoszopka)

10 January 2022
