Good Day Cork - Case Study

Using WordPress, HTML, CSS, and Elementor to redesign a website by following best UX/UI Design practices.  

IMG_20210522_181257390-3.png

Marcelle Louise 

15 min read

Brief

Good Day Cork is a positive media and events space dedicated to changing the narrative by tackling under-represented minority communities. Based in the city of Cork, Joanna Dukkipati interviews locals and discusses subjects such as liberty, equality, and justice.

In September 2018, their first magazine was published by the name "Good Day News" but soon enough there was the need to transition to a digital system. The website was created in May 2021 with WordPress and Elementor. So far, the team has been using templates to design the Front End. However, the design was limited and lead the users to get frustrated and not spend enough time on certain pages.

Project Goals

  • Use available insights to project a new user flow

  • Upgrade design to provide a greater user experience

  • Boost subscriptions and website traffic

  • Improve UX writing by working together with a SEO expert

  • Fix HTML and CSS bugs

It allows us to dip into our own reservoirs of self-compassion, creativity, and positivity, it move us forward.

Aoife Barry, Journalist

About Good Day Cork

User Flow

By understanding the user's needs and motivations, we were able to review the current pathways they take to complete an action. Developing a greater user flow will impact the way interact with the website and we will be able to see the results after testing it.

Prototypes

Following the user's needs and the company's requirements, a wireframe was created to represent the design solution for the Home page. Further improvements were performed once the Front End Development started.

Development

Typography

The font family for the website was initially Tahoma. However,  due to the lack of weights available, we could only opt from bold to thin weight. For this reason, we changed it to Roboto, which is a sans-serif user-friendly and easy-to-read font. This was an important step during this process, as we needed to ensure that the users would feel comfortable with this font but also identify text quickly. 

Before

After

Navigation Bar

The previous navigation bar presented the social icons, log-in icon, logo, and 7 links to different pages. After going through each page, we decided to separate them into three groups: primary, secondary, and tertiary elements.

 

In the primary group, we will have the logo, the 3 main content pages, a Subscribe button, and the login option. In the secondary, we kept the Contact page but added the About Us page and a search button so the users can easily find a particular essay or podcast.

Style Guide

There was a non-defined style guide, with different colors that did not match. After carefully reviewing it, we were able to create a new style guide to define the colors, buttons, and typography.

Conclusion

The main requirements were achieved once the development phase started and we observed a growth in the subscriptions by 40% since the new website was launched. However, this is an ongoing project, therefore we are currently working on gathering user feedback and testing the improvements made so far to iterate future goals.