---
title: "Making ubuntu.com responsive: intro (1)\n    | Ubuntu"
description: We’ve known for a while it was time to convert our main site, www.ubuntu.com,
  into a responsive site, and we’re now nearing the end of the project! The main www.ubuntu.com
  site receives millions of visitors every month and it holds information on the variety
  of Ubuntu products and services, allowing people to download Ubuntu, get  […]
url: https://ubuntu.com/blog/making-ubuntu-com-responsive?format=md
keywords: index, follow
---

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

---

[Inayaili de León Persson](https://ubuntu.com/blog/author/inayaili-de-leon-persson "More about Inayaili de León Persson")

17 March 2014

# Making ubuntu.com responsive: intro (1)

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

---

Share the article

We’ve known for a while it was time to convert our main site, [www.ubuntu.com](http://www.ubuntu.com/), into a responsive site, and we’re now nearing the end of the project!

The main www.ubuntu.com site receives millions of visitors every month and it holds information on the variety of Ubuntu products and services, allowing people to download Ubuntu, get in touch with Canonical or find support.

In an ideal scenario, if you were going to convert a non-responsive site into a responsive one, you would start from scratch and do everything right and perfectly from the beginning. But what would be the fun in that?

In reality, starting from scratch on a site the size of ubuntu.com is just not practical or easily achievable. We evolve, grow and iterate the site constantly for releases, upgrades, launches and design updates. It is a living, breathing site, and we can’t really afford to stop, and start again. We realise other teams will also be faced with this reality, so we want to share the journey we have taken and some lessons we learned along the way.

In this series of posts, we’ll document the process we’re following in making that transition. We hope to give others an insight into what’s going on behind the scenes, the obstacles we’re facing, the solutions we’ve tried, the questions we have, and basically the nitty gritty of a real world [responsive retrofitting](http://webstandardssherpa.com/reviews/responsive-retrofitting/) project.

We will be covering:

1. Intro (this post!)
2. [Setting the rules](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-setting-the-rules/)
3. [Making the rules a reality](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-making-the-rules-a-reality/)
4. [Pilot projects](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-pilot-projects/)
5. [Lessons learned](http://design.canonical.com/2014/04/making-ubuntu-com-responsive-lessons-learned/)
6. [Scoping the work](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-scoping-the-work/)
7. [Approach to content](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-approach-to-content/)
8. [Making our grid responsive](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-making-our-grid-responsive/)
9. [Adapting our navigation to small screens](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-adapting-our-navigation-to-small-screens/)
10. [Dealing with responsive images](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-dealing-with-responsive-images/)
11. [Updating font sizes and increasing readability](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-updating-font-sizes-and-increasing-readability/)
12. [Our Sass architecture](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-our-sass-architecture/)
13. [Ensuring performance](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-ensuring-performance/)
14. [JavaScript considerations](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-javascript-considerations/)
15. [Testing on multiple devices](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-testing-on-multiple-devices/)
16. [Final thoughts](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-final-thoughts/)

I’ll update the list above with links to new posts as we go along. We’d love to hear your thoughts, questions and solutions you’ve tried in your own projects, and how we can make this series more useful: leave your comments below, and we hope you enjoy the posts!

[Get in touch

Interested in running Ubuntu in your organization?](https://ubuntu.com/about/contact-us/form)

## Newsletter signup

Get the latest Ubuntu 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/data-privacy).

Sign up

## Share on

---

## Related posts

[### Challenges designers face in open source (and how to fix them)](https://ubuntu.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://ubuntu.com/blog/author/kola-ojoodide)

26 June 2026

[### Template: Streamlining open source design contributions](https://ubuntu.com/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://ubuntu.com/blog/author/ninarojc)

16 June 2026

[### Decoding design: How design and engineering thrive together in open source](https://ubuntu.com/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://ubuntu.com/blog/author/mdivo)

22 May 2026

[### Why web engineering is great](https://ubuntu.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://ubuntu.com/blog/author/johannwolf)

27 April 2026
