FS Investments: Responsive Corporate Website

FS Investments is a leading asset manager of “alternative investments”.  The objective of this project was to create a fully responsive corporate website where FS Investments could disseminate information about their funds, publish thought leadership articles, and give a general overview of the company.

I worked as a design consultant collaborating directly with FS Investments’ product manager. The core of my role in the project was both articulating the company’s new branding into a refined digital presence and also helping massage the company’s content so that it might be constructed into uniform layouts.

Role : Independent Design Consultant

Slide 1: Overview

The core team of the project was a client-side product manager, myself as designer, and a frontend developer. We received input from stakeholders throughout the organization

Slide 2: Landing Screen

The homepage sets up fundamental UI patterns used throughout the application. Most notably the photographic banner and  a card system that is used to surface promotional and related content.

Additionally, the header navigation collapses down to an “off canvas” style on screen resize.

Homepage surfaces:
  • Learn
  • Perspectives
  • Investments
  • News

Slide 3: Mobile View

All pages collapse responsively to mobile browsers.

Slide 4: Search

Search is present on all pages and allows a user to find any article or page existing on the website.

Slide 5: Investments

The Investments section gives a broad overview of all the funds provided by FS Investments, breaks down the companies making up those funds, and lists affiliated management organizations.

Sections:
  • Investments
  • Managers
  • Where we invest
  • Due diligence

Slide 6: Fund Detail

All funds listed by FS Investments is presented in a detailed format where potential investors can get all the information needed to make educated decisions on investment.

Investors can find:
  • Investment Objectives
  • Fund Materials
  • Advisers
  • Pricing
  • Performance
  • Portfolio Composition
  • Key Facts
  • Core Investment Strategies

Slide 7. Fund Detail on Mobile Browser

Despite the complexity of the information on the Fund Detail, all content is available on the go.

Slide 8: Learn

The learn section helps give potential investors a broad understanding of alternative investments. Here a user can find basic articles on alternative investments as well as white papers and videos discussing the subject.

Sections:
  • Investing Landscape
  • Benefits of Alternative Investments
  • Types of Alternative Investments
  • Research
  • Key Terms
  • Literature Library
  • Videos

Slide 9: Mobile View of Learn

Again all content is presented in a mobile friendly view.

Slide 10: Learn Article Directory

All content represented on FSInvestments.com is internally created to provide the FS’s unique angle on the alternative investments space.

Slide 11: Literature Library

Within the Learn section, all of FS Investments’ media and content is easily accessible for download.

Slide 12: Sharing

Most content on FSInvestments.com is easily sharable.

Slide 13: Perspectives

Perspectives is essentially the blog of FS Investments. Here the executives can promote thought leadership for all aspects of the alternative investments space. The section is frequently updated so that readers have a reliable feed of new articles.

Article Sections:
  • Featured
  • Markets and Economy
  • Alternative Investing
  • Leadership
  • Contributors

Slide 14: Contributor

All executives at FS Investments has a Contributor Detail page where users can find all articles attributed to them.

Slide 15: About FS

About FS is a broad section where users can find information related to the company’s history, leadership, working environment, charitable endeavors, careers, and press articles.

Sections:
  • Company
  • Leadership
  • Life at FS
  • Careers
  • FS Foundation
  • News

Slide 16: Executive Bio

Much of the content presented on FS Investments has supplemental information that is easily accessible via modal overlays.

Slide 17: Careers

If you want a job a at FS Investments, you would view the company’s Careers section. Here you have detailed information about all vacancies as well as some articles on what it is like to be an employee at FS.

Slide 18: Production Specifications

The website was created in deep collaboration with the frontend developer. All content on the site was built with reusable components where possible. A robust set of specifications was created to help with the production of patterns as well as to guide responsiveness.