CrowdRiff

Mockup of CrowdRiff's Story Network webpage on a display monitor

ROLE

Main Web Developer

SERVICES

Development, Design Support

TOOLS

HTML/PHP (WordPress), CSS, JS, Gulp, Figma

Working closely with the Director of Brand, I developed and launched the redesigned CrowdRiff website. As well as being the main web developer, I led the design refresh of the Resource Hub, designed landing pages, and oversaw an accessibility project. We also implemented continuous optimization efforts after the launch to ensure the website was meeting its objectives and delivering a seamless user experience.

Site Development on WordPress

I developed the redesigned CrowdRiff website with a custom WordPress theme. Throughout the build process, I prioritized accessibility and site speed, ensuring that the site was accessible to all users and performed well. To enhance the user experience, I also incorporated animations and microinteractions throughout the site.

After launch, we continued to optimize the site through regular testing and updates, improving performance and user engagement.

Mockup of CrowdRiff's homepage
1
Mockup of CrowdRiff's Coordinate page
2
Mockup of CrowdRiff's Insights page
3

Story Network Landing Page

As part of my design support role, I created a landing page for a new side feature. To align with the visual identity established by the Director of Brand, I began by creating wireframes (5) to get feedback from the team.

I then designed the landing page, incorporating various header variations (4) with motion design and interactive animations to highlight the feature's use of videos. This dynamic approach helped to engage users with the new feature.

Mockup of several variations of the Story Network page
4
Mockup of wireframes of the desktop and mobile versions of Story Network's page
5
Mockup of CrowdRiff's Story Network page
6

Resource Hub Redesign

For the Resource Hub redesign, my main focus was on creating a more effective experience that also aligned with the refreshed design of the main website. I redesigned the navigation layout (9) to make it more intuitive and streamlined, making it easier for users to find the content they need.

I also made slight design improvements (7 & 8) that resulted in a cleaner, more intuitive Resource Hub that delivered a better user experience.

Mockup of the desktop and mobile version of one of CrowdRiff's blog posts
7
Mockup showing the Search Results page on CrowdRiff's Resource Hub
8
Mockup of desktop and mobile versions of CrowdRiff's Resource Hub
9

Get in touch