FIL CE home page toolkit

Header

Intro
panel

Content
panels

Footer
Sample home page variations
Home page Toolkit is a library of responsive CMS-based panels that are easily confugurable and editable. You can use it to
create a unique homepage that follows FIL CE standards yet also allows you enough flexibility to feature and promote content
according to your business needs.
Design guidelines
To create a balanced dynamic homepage layout, please
follow these guidelines. If you are not sure if a design you are
working on follows the branding rules for FIL CE, please
contact Jonas Vogel (jonas.vogel@fil.com).

- Always start with an Intro panel.

- Do not position two panels with a full-photo background next
to each other.

- Do not position two white or two grey panels next to each
other (unless they are meant to be seen as one section of
content).

- Follow FIL imagery standards when selecting visuals.

- Do not include more than 6-7 panels at the same time to
avoid the homepage getting too long.

- If you have featured content like Funds or News & insights on
your home page, make sure to update it regularly, so the
content doesn’t appear stale.

What is a responsive website?
Responsive websites are crafted to provide an optimal
viewing and interaction experience—easy reading and
navigation with a minimum of resizing, panning and scrolling—
across a wide range of devices (from desktop computer
monitors to mobile phones).

If you’re using your laptop, tablet or a smart phone, the
content of the site will automatically reposition itself to fit your
screen size. You only need to publish the content once.
Panel choices
Get ready to customise your home page! Here are the building blocks. Each
panel type can have several choices for layouts. We have image options and
standard messaging in English that can be translated and tweaked if your
market requires it.
Intro panel Title + short description Full photo background

The intro panel is the top section of the homepage that
1
appears right under the header.

The intro panel should help communicate Fidelity identity
and major messaging. It should allow quick access to
certain main areas/features/content of the site.

The primary purporse of the intro panel is usually brand
positioning; however, it can also be used for a “Welcome”
message, major compaign, or other messaging that
commands great attention. Individual links

Title + short description Full photo background

2

Call to action:
short sentence + button
Intro panel 1 Desktop

Responsive behavior
The background image in the panel automatically resizes
and repositions depending on the size of the screen.

At the tablet view the three links are merged into one
block.

At the phone view the description is removed and all the
content (title and links) appear in the same block.

Tablet
Selecting images
Please follow FIL photography standards when selecting
background images.
Avoid high-contrast images or overly busy compositions
Title + short
to make sure that the image becomes like a visual description
soundtrack and doesn’t compete with the content.

Three links now
Sizing images appear in the
same block
Final image should be saved at 1250x900px.

Make sure that the focal point of the image is positioned
vertically in the center of the image.

Phone
Here is an example of how much of the image will be visible
across different screen sizes (desktop, tablet, phone):

Title + three links

The description is
hidden at the phone
view
Intro panel 2 Desktop

Responsive behavior
The background image in the panel automatically resizes
and repositions depending on the size of the screen.

Tablet
Selecting images
Please follow FIL photography standards when selecting
background images.
Avoid high contrast images or overly busy compositions
Title + short
to make sure that the image becomes a a visual description
soundtrack and doesn’t compete with the content.

Sizing images Call to action

Final image should be saved at 1250x900px.

Make sure that the focal point of the image is positioned
vertically in the center of the image.

Phone
Here is an example of how much of the image will be visible
across different screen sizes (desktop, tablet, phone)

Title
The description is
hidden at the phone
view
Call to action
Content panel 1 Small images/illustrations White or grey background

This panel can be used to showcase several comparable
items or highlight features.

The example below is focused on promoting the Growth,
Income, Stability fund selection strategy.

Title + description +
optional button

Small images/illustrations

White or grey background

Title + description +
optional button
Desktop
Content panel 1
Responsive behavior
Between the desktop and tablet view, the columns resize
naturally.

At the phone view, the columns stack vertically on top of
each other.

Tablet

Phone
Title + description + Static content
optional button populated White or grey
Content panel 2 through CMS background
Panel title

This panel can be used to showcase several like items or
highlight parallel features.

For example, it can feature the three latest articles, or
highlight two or three funds in focus, or several areas of a
particular content section.

Title + description + Dynamically
optional button populated content: White or grey
news, events, etc. background

Funds in focus
Emerging Asia fund America funds Europe fund
Lorem ipsum dolor sit amet, consectetuer Duis autem vel eum iriur e dolor in hendrerit in Lor em ipsum dolor sit amet, c onsectetuer
adipiscing elit, sed diam nonummy nibh euismod vulputate velit esse molestie consequat, vel adipisc ing elit, sed diam nonummy nibh euismod
tincidunt ut laor eet dolor e magna aliquam erat illum dolore eu feugiat nulla facilisis at vero tinc idunt ut laoreet dolore ma gna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis eros et ac cumsan et iusto odio dignissim qui volutpat. Ut w isi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit feugiat nulla facilisis ablandit praesent luptatum nostrud exerc i tation ullamcor per suscipit
lobortis nisl ut aliquip ex ea c ommodo zzril delenit augue duis dolore te feugait nulla lobortis nisl ut aliquip ex ea commodo
c onsequat. fac ilisi. consequat.

Call to action Call to action Call to action

Latest news and insight.

G l o b a l F i x e d In c o m e O u tl o o k T h e U S - A l o t m o r e fu e l l e f t i n th e S u s ta i n a b l e i n c o m e th r o u g h a
Charles McKenzie 03/06/2014 11:00 ta n k G l o b a l M u l ti A s s e t A p p r o a c h
Stephanie Sutton 03/06/2014 12:45 Eugene Philalithis 03/06/2014 11:00
Lorem ipsum dolor sit amet, consec tetuer
adipiscing elit, sed diam nonummy nibh euismod Lor em ipsum dolor sit amet, c onsectetuer Lorem ipsum dolor sit amet, consec tetuer
tincidunt ut laoreet dolore magna aliquam erat adipisc ing elit, sed diam nonummy nibh euismod adipiscing elit, sed diam nonummy nibh euismod
volutpat. Ut wisi enim ad minim veniam, quis tinc idunt ut laoreet dolore magna aliquam erat tincidunt ut laoreet dolore magna aliquam erat
nostrud exerci tation ullamc orper susc ipit lobortis volutpat. Ut w isi enim ad minim veniam, quis volutpat. Ut wisi enim ad minim veniam, quis
nisl ut aliquip e x. nostrud exerc i tation ullamc. nostrud exerci tation.
9

Volatility. Looking through the noise.
10 Key Messages for volatile times Lessons from Behavioural What the Experts Say
Lorem ipsum dolor sit amet, consectetuer Finance Lor em ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh adipiscing elit, sed diam nonummy nibh
Lorem ipsum dolor sit amet, consectetuer
euismod tincidunt ut laoreet dolore magna euismod tincidunt ut laoreet dolore magna
adipiscing elit, sed diam nonummy nibh euismod
aliquam erat volutpat. aliquam erat volutpat.
tincidunt ut laoreet dolore magna aliquam.
Desktop
Content panel 2
Responsive behavior
Between the desktop and tablet view, the columns resize
naturally.

At the phone view, the columns stack vertically on top of
each other.

Tablet

Phone

9
Full photo Title + Description +
Content panel 3 background optional button

This panel can be used to highlight or promote a single
item: for example, a specific article, fund or event.

Title + Description + Full photo
optional button background

9
Title + description + optional
White or grey button. Can include longer
Content panel 4 background Image description and bullets.

9
Ready-to-use panel library
In this section you can find image options and standard messaging in English
that can be translated and tweaked if your market requires it.
Quick overview of panel types and content options.

Intro panel: World of funds Growth, income, stability Funds in focus






Intro panel: One goal Introducing My Fidelity Volatility (image-based)





Featured fund (image-based) Education (image-based)
About Fidelity


About us
A world-class provider of fund
Awards
Th e value we add to for our
How to invest
Buy sh ares in our funds through

solution s -- fin d out what makes customers really shows in our licensed profession als -- find

us tick. collection of h onors. on e near you today.



News and insights Awards Education (content-based)

It’s great to be recognised,
again
AWARD AWARD Investment education
LOGO LOGO

Sample con ten t. For th e second year in a row we have
won prestigious N ordic awards from Morn ingstar as best
fun d compan ies.
Lea rn to invest

A few basic ideas lie at the heart of succes sful
Your gu ide to funds

What is a mutual fund? This section covers
Retirem ent planning

Even if retirement is far away on the horiz on, learn
fund investing; learn about diversification, types, typical fees and c ommis sions and how to how funds c an play a major role now in any

inv estment allocation, and more. evaluate funds for y our needs. successful retirement plan.
Le a rn mo r e

Urgent messaging
News and insights (static)
Ready-to-use panels: Intro panels
Content options

Explore a world of funds
Fidelity is a global asset management with a wide range of funds to meet all investment needs. 
See how our funds can open up your world today.

Browse all Fidelity funds Explore funds in focus How to invest in our funds

We‘re glad you‘re here Find out about
Fidelity and what
Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

We‘re glad you‘re here Find solutions across
all regions, sectors
Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
and asset classes
your investment strategies today. Browse funds
Ready-to-use panels: Funds in focus; News & insights;
Growth, income, stability.
Content examples: Funds in focus Content examples: News & insights

China Consumer Fund Latest news & insights
China is about to enter a new era. More and more Japanese equity outlook One fund for a world of Sell in May and go away
Chinese want to turn their dreams into reality, and opportunities
more and more Chinese have the economic resource Short article teaser appears here. Short article Short article teaser appears here. Short article
to do so. teaser appears here. Lorem ipsum dolor sit Short article teaser appears here. Lorem ipsum teaser appears here. Lorem ipsum dolor sit amet,
amet, consectetuer adipiscing elit, sed diam dolor sit amet, consectetuer adipiscing elit, sed consectetuer adipiscing elit, sed diam nonummy
Learn more nonummy nibh euismod tincidunt ut laoreet diam nonummy nibh euismod tincidunt ut laoreet nibh euismod tincidunt ut laoreet dolore magna
dolore magna aliquam erat volutpat. dolore magna aliquam erat volutpat. aliquam erat volutpat.

Emerging Asia Fund
Expert opinions Analysis & research
Fund campaign or strategy description. Lorem ipsum
Get fresh perspectives on timely market topics from Fidelity experts in Timely and tried and true, these artciles are written for slightly more
dolor sit amet, consectetuer adipiscing elit, sed diam accesisble terms most investors can apply to their own finaincial sophisticated audiences showcasing the thought leadership and exhuastive
nonummy nibh euismod tincidunt ut laoreet dolore situation. reasearch at Fidleity.
magna aliquam erat volutpat.

Learn more

Content examples: Growth, income, stability

Funds in focus
Fund solutions based on investor needs
FF Emerging Asia Fund FF America Fund FF Europe fund
Fund campaign or strategy description. Lorem Fund campaign or strategy description. Lorem Fund campaign or strategy description. Lorem
ipsum dolor sit amet, consectetuer adipiscing ipsum dolor sit amet, consectetuer adipiscing ipsum dolor sit amet, consectetuer adipiscing elit,
elit, sed diam nonummy nibh euismod tincidunt elit, sed diam nonummy nibh euismod tincidunt sed diam nonummy nibh euismod tincidunt ut
ut laoreet dolore magna aliquam erat volutpat. ut laoreet dolore magna aliquam erat volutpat. laoreet dolore magna aliquam erat volutpat.

Growth Income Stability
Funds with long term growth for Reliable stream of asset based Preservation of wealth in
wealth accumulation cash flow uncertain times
Ready-to-use panels: Introducing My Fidelity; About Fidelity; Volatility;
Education; Awards
Content examples: Introducing My Fidelity Content examples: Education

Introducing My Fidelity
Investment education
Fund professionals can register in a just a few easy steps
to enjoy: If you’re new to investing, you know you need to

make investment decisions. Learn the basics, as well
Information tailored to your needs as how to align your investment choices with your
Stay updated with latest news via our push broadcast
plans and goals -- from the best in the world of asset
service management.

Customizable fund factsheets for your customers
Learn more

Exclusive information from the Fidelity investment team

Register Now

Content examples: About Fidelity Investment education
Learn to invest Your guide to funds Retirement planning
A few basic ideas lie at the heart of successful What is a mutual fund? This section covers Even if retirement is far away on the horizon, learn
fund investing; learn about diversification, types, typical fees and commissions and how to how funds can play a major role now in any
investment allocation, and more. evaluate funds for your needs. successful retirement plan.

About us Awards How to invest
A world-class provider of fund The value we add to for our Buy shares in our funds through
solutions -- find out what makes customers really shows in our licensed professionals -- find Content examples: Awards
us tick. collection of honors. one near you today.

It’s great to be recognised,
AW ARD AW ARD
again LOGO LOGO
Sample content. For the second year in a row we have
Content examples: Volatility won prestigious Nordic awards from Morningstar as best
fund companies.

Learn more

Volatility: 10 points to keep in
mind 
Volatility is a fact of life, a phenomenon that
periodically resurfaces in markets. Here are 10 points
that an investor should always bear in mind to deal
with it most effectively. 

Learn more
Intro panels: image library

People

1. 2. 3. 4.
Details

5. 6. 7. 8.

Places

9. 10. 11. 12.
Intro panels: image examples

People: intro panel 1 People: intro panel 2

Explore a world of funds
We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs. 
Fidelity and what
See how our funds can open up your world today. Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds

Explore a world of funds
We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs. 
Fidelity and what
See how our funds can open up your world today. Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds

Explore a world of funds We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs.  Fidelity and what
See how our funds can open up your world today. Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds

Explore a world of funds
We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs. 
Fidelity and what
See how our funds can open up your world today. Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds
Intro panels - examples

Details: intro panel 1 Details: intro panel 2

Explore a world of funds
We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs. 
See how our funds can open up your world today.
Fidelity and what
Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds

Explore a world of funds
We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs. 
See how our funds can open up your world today.
Fidelity and what
Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds

Explore a world of funds We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs.  Fidelity and what
See how our funds can open up your world today. Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds

Explore a world of funds
We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs. 
See how our funds can open up your world today.
Fidelity and what
Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds
Intro panels - examples

Places: intro panel 1 Places: intro panel 2

Explore a world of funds
We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs. 
See how our funds can open up your world today.
Fidelity and what
Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds

Explore a world of funds
We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs. 
See how our funds can open up your world today.
Fidelity and what
Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds

Explore a world of funds We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs.  Fidelity and what
See how our funds can open up your world today. Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds

Explore a world of funds
We‘re glad you‘re here Find out about
Fidelity is a global asset management with a wide range of funds to meet all investment needs. 
See how our funds can open up your world today.
Fidelity and what
Welcome! It‘s a great time to explore the world of funds at
Fidelity. Get details on our funds and learn how they can support
drives us
your investment strategies today. Learn more

Browse all Fidelity funds Explore funds in focus How to invest in our funds

Related Interests