Proffesionaly shot image of Susan Rodgers in a black leather jacket.

Susan Rodgers

Summer 2024

UI | UX | Webflow

Collaborators: Chris Rodgers

Susan Rodgers is best known for her Drifters book series. She needed to update her website to showcase her work as screenwriter, and film director and producer. The site celebrates her existing work as well as previewing some of her upcoming projects as she shifts toward more work in film.

trigger

trigger

trigger

trigger

trigger

trigger

trigger

Before

Susan has had a website for a while but due to its age and its original purpose it has become out of date. Her site had a warm personal feel that was catered towards the fans of her books, and had many miscellaneous features.

old site's home page old site's screenplay page which lacks clear hierarchy and information

Before

The first course of action was to address the complicated nav that induced choice paralysis among users.

showing of the old site's nav and how there are drop down menues within it

Process

I removed pages and cut down features that were too specific. The goal was to streamline the site for possible collaborators and professionals.

old site's nav having its elements broken down and removing any uneeded links to create foundation for the new nav

Process

I consolidated content under new section umbrellas for simplicity. I renamed the writing and film sections to provide clarity about her roles in different creative projects. Lastly I added sections to highlight her upcoming work, share a bit about herself, and show contact information.

showing how the new nav will function with animation depicting how sections contain content. Shows that the upcoming section shares content with the other sections, like a ven-diagram of shared content.

Process

The other big task was to take advantage of the CMS feature within Webflow and sort out the project pages.

slide show showing different variations of the project page

After

The rest of the website ended up being more straightforward. The home page would highlight some of the her latest and upcoming work. The project directory just needed to house a way to navigate to projects. Her about page was short and sweet and the contact page was fun and bold.

home page desktop home page mobile
project-directory page desktop project-directory page mobile
project page desktop project page mobile
about page desktop about page mobile
contact page desktop contact page mobile

The Client's Take

Jacob Chong jumped in with both feet to develop my brand new website. With my mix of film projects and novels, it was challenging to establish consistency because the images that pertain to my work are varied in colour and style. Jacob came up with a plan to utilize complementary colours in a design that would unify the website and also make it easy to navigate. Now, when I need changes such as new awards added, Jacob dives in and makes the edits almost immediately. He’s got a great attitude and he communicates timely. Best of all, the website is sleek and clean, and professionally reflects myself and my brand. I love sending people to it!

- Susan Rodgers

Image of Susan Rodgers in a Denim jacket with a infectious smile