redesign

redesign

Project: Contract Project

Project: Contract Project

Project: Contract Project

Role: Product Designer

Role: Product Designer

Role: Product Designer

Tools: Figma

Tools: Figma

Tools: Figma

Time: 2 months/150 hours

Time: 2 months/150 hours

Time: 2 months/150 hours

redesign

Summary

Bitcoin News is a news startup. The website was developed in WordPress by a developer without any designers on deck. The co-founders quickly realized a design overhaul was necessary to grow the business into the next stage, which is where I came in to work closely with the co-founders and the developer.

Bitcoin News is a news startup. The website was developed in WordPress by a developer without any designers on deck. The co-founders quickly realized a design overhaul was necessary to grow the business into the next stage, which is where I came in to work closely with the co-founders and the developer.

Bitcoin News is a news startup. The website was developed in WordPress by a developer without any designers on deck. The co-founders quickly realized a design overhaul was necessary to grow the business into the next stage, which is where I came in to work closely with the co-founders and the developer.

See Prototype

Problem

Problem

Problem

A news website built without any design considerations. Limited to an outdated WordPress template, Bitcoin News desperately needed a redesign to have a shot at contending with it's industry leaders.

A news website built without any design considerations. Limited to an outdated WordPress template, Bitcoin News desperately needed a redesign to have a shot at contending with it's industry leaders.

A news website built without any design considerations. Limited to an outdated WordPress template, Bitcoin News desperately needed a redesign to have a shot at contending with it's industry leaders.

Solution

Solution

Solution

A modern and sleek redesign to bring the site up to standards with the industry leaders of news outlets.

A modern and sleek redesign to bring the site up to standards with the industry leaders of news outlets.

A modern and sleek redesign to bring the site up to standards with the industry leaders of news outlets.

Before

Before

Before

After

After

After

Competition

Competition

Competition

Our focus was surpassing the previous version of Bitcoin News to offer an improved impression and experience. However, we still looked to industry leaders in crypto news for ideas.

Our focus was surpassing the previous version of Bitcoin News to offer an improved impression and experience. However, we still looked to industry leaders in crypto news for ideas.

Our focus was surpassing the previous version of Bitcoin News to offer an improved impression and experience. However, we still looked to industry leaders in crypto news for ideas.

Competitor Weaknesses

Competitor Weaknesses

Competitor Weaknesses

Not Bitcoin-only

Not Bitcoin-only

Not Bitcoin-only

Most crypto projects fail within 15 months

Most crypto projects fail within 15 months

Most crypto projects fail within 15 months

Reporting mostly on the shiny new thing

Reporting mostly on the shiny new thing

Reporting mostly on the shiny new thing

Research

Persona

Persona

Chris Bergens

Chris Bergens

Chris is a 34-year-old software engineer living in Austin, Texas. He discovered Bitcoin in 2015 and has quickly learned cryptos and NFTs were a waste of time and has only been focusing on Bitcoin. Chris stays up-to-date with the latest developments in the Bitcoin world and participates actively in online communities. He values financial independence and privacy, which Bitcoin offers him.

Goals

  • Stay updated through Bitcoin-only outlets without the distraction of other crypto news

  • Being able to engage in Bitcoin communities

  • Receive his news from various channels he consumes, such as Twitter and Youtube

Painpoints

  • Lots of Bitcion educators & content creators, but not enough Bitcoin-only media outlets

  • Quality Bitcoin-only journalism that publishes content in multiple channels. Such as long/short form videos, tweets, and in depth articles

Stakeholder Interview

Stakeholder Interview

Client's key objective are to increase site traffic, user engagement, and revenue streams through a redesign. The main constraint is preserving the brand equity while still revitalizing the brand.

Client's key objective are to increase site traffic, user engagement, and revenue streams through a redesign. The main constraint is preserving the brand equity while still revitalizing the brand.

Client's key objective are to increase site traffic, user engagement, and revenue streams through a redesign. The main constraint is preserving the brand equity while still revitalizing the brand.

Stakeholder Interview - Background

Stakeholder Interview - Q & A

Feature Roadmap

Feature Roadmap

Key Opportunities

Key Opportunities

Key Opportunities

Possess high journalistic integrity by being Bitcoin-only

Possess high journalistic integrity by being Bitcoin-only

Possess high journalistic integrity by being Bitcoin-only

Redesign the entire site with modern design principles and upgrade appearance and usability

Redesign the entire site with modern design principles and upgrade appearance and usability

Redesign the entire site with modern design principles and upgrade appearance and usability

Create and establish the first style guide and components library to standardize design at Bitcoin News

Create and establish the first style guide and components library to standardize design at Bitcoin News

Create and establish the first style guide and components library to standardize design at Bitcoin News

Update company branding and assets to a more modern look & feel

Update company branding and assets to a more modern look & feel

Update company branding and assets to a more modern look & feel

New Mobile Screens

New Mobile Screens

Home

Home

Article

About Us

Redesign Strategy

Redesign Strategy

Redesign Strategy

Before

Before

After

After

Desktop

Desktop

Home: 3 Column Layout

Brand Update

Brand Update

Brand Update

Darker primary color

Darker primary color

Removed antiquated .COM

Removed antiquated .COM

Retains brand equity with a modernized look

Retains brand equity with a modernized look

Styling

Styling

Exo

Exo

Exo

Raleway

Raleway

Raleway

Conclusion

Conclusion

Conclusion

Highlights

Highlights

Highlights

4.4/5 average score on all rating questions

4.4/5 average score on all rating questions

4.4/5 average score on all rating questions

88% first click rate on all tasks

88% first click rate on all tasks

What Worked

What Worked

What Worked

Bitcoin News resembled a typical and expected news website, which makes finding specific things intuitive

Bitcoin News resembled a typical and expected news website, which makes finding specific things intuitive

Bitcoin News resembled a typical and expected news website, which makes finding specific things intuitive

Above the fold provided most useful information on the home page

Above the fold provided most useful information on the home page

Improved from Feedback

Improved from Feedback

Improved from Feedback

Removed the carousel hover for the breaking news that highlights one news item at a time

Removed the carousel hover for the breaking news that highlights one news item at a time

Removed the carousel hover for the breaking news that highlights one news item at a time

Improved Youtube video card design

Improved Youtube video card design

Reduced line height on mobile articles to improve readability

Reduced line height on mobile articles to improve readability

Figma Prototype

Figma Prototype

Fullscreen

See email

Designed in

and

by

John

© 2024

See email

Designed in

and

by

John

© 2024

See email

Designed in

and

by

John

© 2024

Best viewed on larger screens

Best viewed on larger screens

Best viewed on larger screens

Best viewed on larger screens