Desygner Blog Redesign

When I started working at Desygner & WeBrand in May 2017, my mission was clear. I was to improve both brand’s identities, design, look and feel as well as the user experience of both platforms.

My first project was to improve the SEO of the site. That’s reasonably straightforward but being startup money is never a luxury. So we needed to find a way to improve the SEO without having to spend much on affiliates and ads.

SOLUTION:

Revamping our blog and creating valuable content for users teaching them how Desygner can help them design amazing graphics content without spending too much.

RESEARCH

Started my research using surveys and polls on social media platforms. I gathered some useful information such as:

• A lot of users don’t know what the uses are for some futures in the editor.

• What kind of topics users are looking to learn/read?

• A few of the users are keen on participating in webinars.

WIREFRAMES

Wireframes give me an idea of what things would look like and help me make sure I have covered everything before going into pixel frenzy. They also help me with a hierarchy of information as the webpage has to give a quick overview of what it has to offer. Here is how I break down the hierarchy of information.

Navigation/search

This is the most crucial part of the webpage and for that it’s displayed prominently right at the top.

Content promo

Spotlighting the newest story content to help users access it easily.

Featured content

In this section, we display most read stories to make it easier for the user to access them. Without having to go through so many piles of articles.

Timely Content

The main success is for users to come back often and for that it needs show that the content gets updated frequently.

VISUAL DESIGN

I decided to give it a responsive card design so that will look its best on any device. Which can also serve as the basis for building a media-centred experience from the ground up with a focus on amplifying user engagement.

The clean, simple design makes it an ideal fit for today’s fashionable flat aesthetic. Vector-only shapes scale to any size, including retina, with no optimisation required.

For the articles, I went with the theory of “Users spend most of the time on your web pages scanning the text in search of something”.

Use plenty of headings they navigate users around each of the sections. They help you decide which part to read, scan, or skip.

Keeping paragraphs short makes it easy for the reader to scan and not scare them away from trying to read.

Use proper spacing between the lines to make it easy for the reader without having to read with their finger.