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
Summary
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.
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
View Full Persona
Chris Bergstorm
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
Design Evolution
Design Evolution
Home: 3 Column Layout
Wireframes
Wireframes
Home
Home
Events
Events
Re-design Strategy
Re-design Strategy
Re-design Strategy
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
Lessons Learned:
Lessons Learned:
Lessons Learned:
✦
Don't reinvent the wheel. Prioritize MVP goals and focus on a deadline to deliver, and then iterate
Don't reinvent the wheel. Prioritize MVP goals and focus on a deadline to deliver, and then iterate
Don't reinvent the wheel. Prioritize MVP goals and focus on a deadline to deliver, and then iterate
✦
Establish styles and reusable components as early as possible
Establish styles and reusable components as early as possible
Establish styles and reusable components as early as possible
If We Had More Time:
If We Had More Time:
If We Had More Time:
✦
A more creative theme could've been designed at the MVP phase, improving brand identity
A more creative theme could've been designed at the MVP phase, improving brand identity
A more creative theme could've been designed at the MVP phase, improving brand identity
✦
Better organized Figma file
Better organized Figma file
Better organized Figma file
Prototype