---
title: Design and Web team summary – 27 March 2018
description: The design and web team work on a wide array of projects throughout Canonical.
  Therefore, we are split into seven squads to handle different aspects of the company.
  Here is a rundown of the work we completed this week by squad. Snappy squad New
  snapcraft.io features We implemented a darker themed header across snapcraft.io
  and  […]
url: https://canonical.com/blog/design-and-web-team-summary-27-march-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")

27 March 2018

# Design and Web team summary – 27 March 2018

[Design](https://canonical.com/blog/tag/design)

---

Share the article

The design and web team work on a wide array of projects throughout Canonical. Therefore, we are split into seven squads to handle different aspects of the company. Here is a rundown of the work we completed this week by squad.

## Snappy squad

### New [snapcraft.io](http://snapcraft.io) features

We implemented a darker themed header across [snapcraft.io](https://snapcraft.io/) and [build.snapcraft.io](https://build.snapcraft.io/). We also added CLI instructions to snap details pages, to make it easier to install snaps across several distros. We also added screenshots (where available) on snap details pages (see for instance the [Spotify snap details](https://snapcraft.io/spotify)).

### New snap publisher functionality

For publishers, we are working on an account section, which will replace the current [dashboard.snapcraft.io](https://dashboard.snapcraft.io/) UI. Part of that project is creating market pages for snaps where publishers can add screenshots and descriptions and other things they might need to bring their snaps to market. We are also working on a measure page where publishers can see how their snaps are performing. These pages are due to go live soon.

## Vanilla and base squad

### Vanilla component size audit

We worked through each component we have detailing the sizes and set a threshold of the entire framework. We have almost halved the file size from ~350kb to ~170kb with the [latest version](https://github.com/vanilla-framework/vanilla-framework/releases/tag/v1.6.7). With plans to reduce further.

### Kubernetes migration of websites

We spent three days working on moving all the sites we managed to our new Kubernetes environments. These sites are now on running on our Kubernetes cluster:

* <https://snapcraft.io/>
* <https://design.ubuntu.com/>
* <https://docs.vanillaframework.io/>
* <https://insights.ubuntu.com/>
* <https://usn.ubuntu.com/>
* <https://tutorials.ubuntu.com/>
* <https://netplan.io>
* <https://beta.ubuntu.com>
* <https://docs.ubuntu.com/>
* <https://cn.ubuntu.com/>
* <https://maas.io/>
* <https://conjure-up.io/>
* <https://cloud-init.io/>
* <https://jp.ubuntu.com/>

## JAAS squad

### Trialling Zeplin

We design team have started to use [Zeplin](https://zeplin.io/) to communicate designs with the engineering teams. The trail is looking promising but there is more to review.

## MAAS squad

### Designs for the new settings section

We have been working on some small improvements to the settings section. This involves.

### New responsive navigation

The developers have updated the navigation to collapse Nodes and Pods into a Hardware drop down when required.

## Web squad

### Navigation prototype

We are working on a prototype of a new navigation for [www.ubuntu.com](http://www.ubuntu.com). The design and UX team have to work on making the experience and navigation clean and easy to use.

### New homepage takeover

The first job we get all new front ends to do is to cut their teeth on a [www.ubuntu.com](http://www.ubuntu.com) homepage takeover. So we asked Ana and Steve (our newcomers) to develop our new Kubernetes webinar month takeover which is now live.

### Brand new insights

We have developed a brand new frontend application for [insights.ubuntu.com](http://insights.ubuntu.com) using the latest Vanilla. The admin side of insights stays the same on WordPress and the frontend application pulls feeds from the WordPress backend. This has helped us iterate on the frontend without worrying about database connections.

Design is already looking at ways to improve the homepage. By reducing the heading size to bring more the content above the fold.

## Documentation team

Everything worthwhile should be documented, so the docs team were happy to take on three new projects for tools and software. One of them is already live at [netplan.io](http://netplan.io) and two more should be finished imminently.

## Brand squad

We have finalised the new bionic beaver mascot, t-shirt design and wallpaper.

[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
