Feedly | Purple Bunny

Increase a B2B SaaS homepage conversions by 25%

Year / Location

2019 / USA

Our Role

Design Sprint

Strategy

Website

Project Type

Design Sprint

Content Strategy

UX & UI Design

Client

Feedly

Year / Location

2019 / USA

Our Role

Design Sprint

Strategy

Website

Project Type

Design Sprint

Content Strategy

UX & UI Design

Client

Feedly

The Brief

Feedly brought us in to provide a fresh perspective. They wanted a simple way for users to understand their new AI machine learning tool (a robot named Leo), collaboration capabilities, and integrations. They wanted users to recognize their specific use cases immediately upon visiting the site.

The result

Visit the site

The challenge

Communicate how Feedly’s AI solution helps cure information overload

The challenge

Communicate how Feedly’s AI solution helps cure information overload

The Process: Design Sprint

The Feedly team was incredibly open to trying out a collaborative process like a Design Sprint. They knew the fresh set of eyes would bring new solutions.

Much of the work happened before we even touched a design tool. We spent weeks collaborating with Feedly to determine how best to customize the Design Sprint process to fit the challenge at hand.

The Feedly team gave us data from their Google Ventures 3-hour brand sprint. They had also defined StoryBrand-based BrandScripts for each segment of their audience. We’re big fans of the StoryBrand framework, and having Feedly’s BrandScript already defined allowed us to think about how this new design fit into the overall brand narrative.

The Feedly team was incredibly open to trying out a collaborative process like a Design Sprint. They knew the fresh set of eyes would bring new solutions.

Much of the work happened before we even touched a design tool. We spent weeks collaborating with Feedly to determine how best to customize the Design Sprint process to fit the challenge at hand.

Here’s what the process looked like:

We set up a 4-week structure to reach the project goals.

The international Team:

The Feedly Team

Edwin Khodabakchian

CEO

Eduardo Santos

Lead Designer

The Purple Bunny Team

2 Illustrators

1 Animator

Plus...

Available during prototyping days

1 Copywriter

1 Project Manager

2 Designers

The diversity that your team brought was fascinating. People seemed to feel safe to try a lot of ideas and listen.

Edwin Khodabakchian

Feedly CEO

Remote Design Sprint:

Test big ideas in a week

Remote Design Sprint:

Test big ideas in a week

Remote Design Sprint:

Test big ideas in a week

Ideate

Days 1 and 2 were full of sketching, sticky notes, and getting deep into the challenges and possible solutions. Instead of tackling the entire homepage in a single Sprint, we focused on the specific area that would have the greatest impact: the way we communicate Feedly’s layers of intelligence, and how we express transparency and control of Leo, their machine learning tool. We voted on a solution and created a detailed storyboard.

Ideate

Prototyping

By day 3 we had a clear storyboard, drafts of copy, and sketches of illustrations. Our designers, animator, and illustrators came together in a single day to create a high-fidelity prototype for users to test the next day.

Prototyping

User Testing

User testing plays a key role in validating or disproving our assumptions from the Design Sprint process. We recruited 5 users based on a specific profile: busy professionals in the US who need to keep up with trends and information in order to thrive in their careers.

User Testing

Custom Illustration and animations

We created custom illustrations, and adapted Feedly’s original Leo illustration to add new actions and fun props.

Leo’s reactions

Leo’s facial expressions

Leo grows as he learns

People say a picture is worth 1000 words. I’d say an animation is worth 1000 pictures.

Edwin Khodabakchian

Feedly CEO

People say a picture is worth 1000 words. I’d say an animation is worth 1000 pictures.

Edwin Khodabakchian

Feedly CEO

The animation we created to describe Feedly’s core value “was a big aha moment” says Edwin. “If the Sprint was only to create that animation, we would have already had a positive outcome.”

All hyour sources in one place

Training Leo

Share insights with your team

Iteration Sprint:

Do it again, only better

Users in our first week of testing were consistently confused in certain areas. They didn’t see the difference between Feedly (product) and Leo (feature). The message of information overload and filtering out the noise resonated with users, but they wanted to know more about the behind the scenes of how it works.

Our challenge in week 2 was to iterate on the original idea, taking into account the insights from user feedback. We started with a short Lightning Decision Jam workshop for reflection and ideation alongside the client to brainstorm how we could improve the flow of the page to meet users’ needs. Then, we were off and running for 2 full days of high-fidelity prototyping, animation, and illustration.

Goodbye information overload

Keep up with the topics and trends you care about, without the overwhelm

Get started for free

See how it works

Loved by 15 million teams and individuals

Organize all your favorite blogs, news sites, YouTube channels and trusted publications in one place.

For Curious Readers

Train Leo, your AI research assistant, to read your feeds and filter out the noise.

For Busy Professionals

Arm your team with the content they need to accelerate research, marketing, and sales.

For Business

Organize all your trusted sources in one place

Train Leo to

filter out the noise

Leo is your AI-powered research assistant.

1000+ articles/week

Noise

Priorities

10+ articles/week

See how it works

You're in control of priorities. Ask Leo to read your sources and highlight the topics, events, and trends that matter to you.

Privacy by default

We believe that you should own and control all your personal information.

Feedly is a secured space where you can privately organize and research the topics and trends that matter to you.

Being funded by our community means that you are the customer and we are not trying to create a toxic feed that mines your attention.

Get started for free

See how it works

Find and organize the right sources

The cure for information overload in 3 simple steps

Who’s keeping up with Leo?

Read Case study

Tino Klaehne

Head of Security Ops

Leo helps us keep up with and prioritize critical cybersecurity threats, without the overwhelm.

Cybersecurity

Read Case study

Hannah Jade S.

Market Research Analyst

Research

Testing round 2

The second round of user tests was just as eye-opening as the first. By asking the same questions, we were able to validate assumptions and compare results to the first round of tests.

For example, user feedback helped us discard alternate tagline and illustration options. We knew we were making the right choice when 5 out of 5 testers chose one over the other. No blind assumptions here.

The thing that brings us all together is that we're all very customer-focused. The fact that we're not defensive about being right, but about doing the right thing for the customer made this process work really well.

Edwin Khodabakchian

Feedly CEO

Edwin Khodabakchian

Feedly CEO

Wrap up

Crossing the finish line together

Week 3 was for tying up loose ends. We processed the final round of user test data, prepared assets, and delivered lottie files for animation so that Feedly’s development team could take it from there.

Results

At the end of this full month of Design Sprint process, results included:

Development ready files for the new Feedly.com, that the team implemented in 2 months.

Strategic recommendations for continuing marketing and design efforts.

A complete report of the process and decisions made.

Feedly was then able to take insights from this Design Sprint and infuse their marketing and design work with this fresh, user-centric focus as they continue to help people cure information overload.

We wrote more about our experience in this Medium Article. Take a read.