Robert Ferguson Observatory

Improving navigation and visual clarity for an observatory website

Role

Product Designer

Team

3 Designers

4 Devs

1 PM

skills

Design Systems

User Testing

Visual Design

Timeline

May - Aug 2025

Introduction

The Robert Ferguson Observatory is a nonprofit with over 10,000 annual website visitors

The observatory, also known as RFO, is dedicated to promoting public science and astronomy education through a variety of astronomy-related programs such as events, volunteer opportunities, and ticketed experiences.

Problem

Unintuitive navigation and lack of visual appeal weaken the observatory’s mission

Key flows took too many clicks

Finding events, becoming a volunteer, and becoming a member were too difficult

Lacked the "magic" of the universe

Deliver the kind of "wow" factor the observatory's mission calls for

RFO's website prior to the redesign

Solution Preview

14+ unique screens across desktop and mobile

the process

Discovering what’s causing friction for our users across desktop and mobile platforms

Using UserTesting.com, we tested 10 participants on desktop and mobile across four key pages: homepage, events, volunteer, membership, and donations.

Venn diagram reflecing our findings from usability testing

the process

Discovering what’s causing friction for our users across desktop and mobile platforms

Using UserTesting.com, we tested 10 participants on desktop and mobile across four key pages: homepage, events, volunteer, membership, and donations.

Venn diagram reflecing our findings from usability testing

The process

Communicating ideas to the client in clear, non-technical language

Show, not tell

Easier to express ideas visually than verbally

Options > Open-ended

Presenting options makes it easier for clients to decide

the process

Building a visual identity solely based off a logo

Prior to the redesign, we were soley given a logo to base the new website design off of. To fully understand the client's vision, we created moodboards for the client to choose from.

the process

Building a visual identity solely based off a logo

Prior to the redesign, we were soley given a logo to base the new website design off of. To fully understand the client's vision, we created moodboards for the client to choose from.

the process

Owning design system development for consistency across our team

I set up and maintained our design system throughout the creation of our designs. Given that our team was virtual and worked asynchronously, this design system was crucial to keeping our designs consistent.

the process

Owning design system development for consistency across our team

I set up and maintained our design system throughout the creation of our designs. Given that our team was virtual and worked asynchronously, this design system was crucial to keeping our designs consistent.

the process

Conveying our ideas to the development team through prototyping

To ensure the interactions in our design were conveyed as intended, we prototyped certain functionalities.

Prototype to demonstrate the navigation bar behavior

the process

Conveying our ideas to the development team through prototyping

To ensure the interactions in our design were conveyed as intended, we prototyped certain functionalities.

Prototype to demonstrate the navigation bar behavior

Thanks for stopping by!

Jessica Zhu © 2025

Connect with me

Navigation

Work

About

Playground

Thanks for stopping by!

Jessica Zhu © 2025

Connect with me

Navigation

Work

About

Playground

Thanks for stopping by!

Jessica Zhu © 2025

Connect with me

Navigation

Work

About

Playground