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
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

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
3
Mobile View

All pages collapse responsively to mobile browsers.

4
Search

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

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
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
7
Fund Detail on Mobile Browser

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

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
9
Mobile View of Learn

Again all content is presented in a mobile friendly view.

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.

11
Literature Library

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

12
Sharing

Most content on FSInvestments.com is easily sharable.

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
14
 Contributor

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

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
16
Executive Bio

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

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.

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.

Results
  1. Released a marketing site that helped launch FS Investments new branding

  2. Website design helped influence FS Investments general visual language in other applications

  3. Website was live with minimal changes from 2016-2020