RingCentral Blog

As a senior brand designer I had the opportunity to lead the RingCentral Blog refresh. I collaborated closely with the digital brand team to strategically leverage the design system library, develop modules, and overhaul the layout and user flow to enhance user engagement and streamline the digital experience.

Visit the live site

Role
Senior Brand Designer

Agency
RingCentral, in-house

The Structure

In order to help shape and optimize the readability of blog content, we utilized design features that enhance the reading experience and highlight the most important information. These design features include; topic tagging, table of contents, author highlights, social sharing, rich text article layout, related content navigation and newsletter subscriptions. The overall look favors structure and hierarchy with a muted brand palette to allow for content and navigation clarity.

Three website page mockups. The left image shows a "related content" module. The middle image shows a blog article featuring a social sharing and read-time bar. The third image shows a blog article with a table of contents card.

(L) Related content layout (M) Blog article hero featuring author highlight, social sharing and read time (R) Table of contents and rich text with image layout

Design features for optimized user engagement

  • Topic Tagging
    Related content, with topic tagging, helps to guide users on their journey to learn more about a particular topic.

  • Read-time
    Another user-friendly feature, to help set expectations up front, is the read time component. This lets users know how much time they can expect to spend with the material.

  • Table of Contents
    Utilizing a table of contents for lengthier articles can help users navigate to the most important pieces of content based on their information journey.

website page mockups showing an author page and three mobile layouts showing various modules of the blog page layout

(L) Author detail page with related article grid (R) Responsive design for mobile

Two webpage mockups that show an "industry highlights" module with articles and the second image shows a grid card structure of blog articles.

(L) Industry highlights module featuring a tab structure with organized content (R) Landing page layout utilizing grid card featuring image, tags, headline, author

Thank you for looking

〰️

Next

〰️

Thank you for looking 〰️ Next 〰️