This was a fairly busy two weeks for the Web & design team at Canonical. Here are some of the highlights of our completed work.
This iteration we designed and built four takeovers for our home pages including:
For the Chinese website we built a home page takeover and associated landing page for robotics.
We have redesigned the press centre section on the blog. The objective was to create a more dedicated and functional press centre to access news and other resources on Canonical and Ubuntu. The target audiences are primarily journalists but also other influencers including analysts, bloggers, etc.
During our recent Malta team sprint we began to look at redesigning design.ubuntu.com. In this iteration we continued some of that work, designing the homepage and design system sections.
The base team did a lot of work but only three things to really talk about this iteration.
We maintain the Vanilla css framework that most of the websites at Ubuntu and Canonical use. Here are a few patterns and websites that were updated.
We’ve updated the styling of our primary navigation by removing the dividing lines to allow for more space for menu items, whilst updating the hover state of links removing the button background hover as previously seen.
Currently, we don’t have a mobile-specific solution for Vanilla docs, it simply just scales and components respond accordingly.
With the help from Claudio, our in-house lead UXer, we managed to create a mobile solution which will help users navigate our brochure and documentation site through one menu.
Currently we have a few variations of this component so we needed to align and have a consistent style to use across our suite of sites. It needed to be flexible enough that it can be used across a wide range of scenarios and shouldn’t be constrained to a specific number of applications.
Update allows for large and small variants as well as the ability to add an image.
The Ubuntu manpages website was already using Vanilla Framework but we took the time to design and style some updates to improve the polish of the pages. We also included some fixes to minor layout problems on the pages.
As part of our roadmap we’re continuing to improve our Documentation site by improving in areas to improve user engagement:
The team worked on defining a first user experience for the deployment flow of the new Kubernetes charms in JAAS. This first version will guide the users on the different deployment options on Kubernetes clusters (on public cloud, bespoke Kubernetes, MicroK8s).
With the implementation of the K8s charms in JAAS we want to provide a clear user experience and guide users to the right environment for their deployments. When starting a new model, users are asked whether they want to proceed with a container model, or a machine one. WIP.
The team is exploring some solutions in order to simplify the view of the charm detail page within the JAAS application.
Publishers can now dispute a name when registering a Snap. If a name is already in use a publisher can provide rationale which will be reviewed and resolved by Canonical, based on a number of factors.
Publishers can also promote their Snap by embedding a card on their website. Cards can be configured as desired to include a screenshot, summary, snapcraft.io link and channel map. See an example below.
To bring the Canonical branding forward within snapcraft.io, we added Suru in the header that makes the front-page to look more fresh!
Designed and created the numerous size variations of the Disco Dingo wallpaper for the 19.04 launch.
Completed the Cloud-init whitepaper design and progressed the OpenStack Security one.
Completed the booth graphics for the GTC San Jose event.
Progressed the updated design of canonical.com and investigated a number of navigation updates and widget components to be utilised in the new site.
Ubuntu offers all the training, software infrastructure, tools, services and support you need for your public and private clouds.
Last week, we published Introduction to snapcraft, a tutorial that provided a detailed overview of the snap build process. We touched on the concepts like snap ecosystem components, snapcraft command line, snapcraft.yaml syntax, and more.…
It was another busy iteration for the web and design team, trying to get a lot of work wrapped up before we head off to Lyon, France for our 19.10 Roadmap cycle kick-off.
We often feature and promote applications and games in the Snap Store and via our social media channels. Perhaps unsurprisingly, games are popular among our followers, and our users. There are a few great games already in the Snap Store,…