Redesigning our website
By David Åse, 25. of February, 2019
Being a young startup (founded in 2017), we have a very agile approach to most things. Last year we realized we should have a new website for Mobile World Congress 2018, and we had about three days to create it. It didn’t turn out perfect, but it sort of communicated what we do and why people should be interested in working with us. We lived with this website for a year, but when Mobile World Congress 2019 was approaching we started thinking about a redesign. We’d gotten some feedback from customers and users throughout the year: our website was boring, depressing, lifeless, and had too much text on it. This time we didn’t have just three days though, we had two weeks! … not enough time
Sprucing things up
We decided that the best way to freshen up the website would be to cut a lot of text, and to add illustrations to accompany the paragraphs explaining our business model. We’re a very tech heavy company: 22 of our engineers are backend or infra, and 1 is UX/frontend, so we had to find an external illustrator to work with. Since our business model isn’t the most straightforward, we wanted to hire an illustrator local to one of our offices. Having someone local would help in case we needed an in-person meeting to explain details. After a few days of searching, we found a studio in Trondheim that was able to take on the job despite our short deadline: Hugmun.studio.
We provided them with the layout for the new landing page, and worked closely with them for the whole two weeks. The illustrations were finished 30 minutes before our first meeting at Mobile World Congress, just in time to deploy a new version of the website. The gallery below (click to enlarge) contains the six main iterations, although there were smaller iterations done per illustration over Slack:
We wanted the illustrations to be somewhat abstract, but still fit with an overall theme. We didn’t write the copy for the illustrations until they were almost done, but the illustrator managed to capture the overall feelings we wanted to convey.
Bootstrapping Internal Talent
In parallel with having the illustrations done, we needed to work on the website. Our UX/frontend engineer lead the project and did the design and CSS. Our Head of Security is a good photographer and edited the photos. Our CEO is good at talking and was in charge of writing the copy. Several other team members volunteered to edit the copy (proof-reading, reworking sentences, etc).
The gallery below contains some before and after screenshots of the old and the current website.
For most pages we mainly cut text and made things more consistent (header images), the index/landing page was the only one to receive a radical makeover.
If we had hired an external company to do all this, not only would it have been a lot more expensive, but it wouldn’t have been “our” website anymore. Like the old one, the new website isn’t perfect, but it’s a big improvement, and it still feels very much like it’s ours.
A lot of companies just hand their website over to a marketing firm and let them do the rest. We take pride in fully owning the whole process, and the website is open source so anyone can contribute. You can even edit this post if you want.
We’re looking forward to the Mobile World Congress 2020 redesign.