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.
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.
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.
- 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
- 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.
- Investing Landscape
- Benefits of Alternative Investments
- Types of Alternative Investments
- Key Terms
- Literature Library
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.
- Markets and Economy
- Alternative Investing
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.
- Life at FS
- FS Foundation
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.