SEBF Website Redesign

Your shopping basket

You have no items in your basket

You are not signed in

What would you like to do?

Hello !

You are signed in. What would you like to do?

Account Security Manage Account Sign Out

SEBF Website Redesign

Screenshot of the home page showing masthead and animated illustration

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Screenshot of the home page showing masthead and animated illustration
SEBF Website Redesign

Screenshot of the home page showing style and illustration of the content

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Screenshot of the home page showing style and illustration of the content
SEBF Website Redesign

Screenshot of the home page showing footer graphics

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Screenshot of the home page showing footer graphics
SEBF Website Redesign

Screenshot of content showing styling of text

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Screenshot of content showing styling of text
SEBF Website Redesign

Prominent contact form on home page

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Prominent contact form on home page
SEBF Website Redesign

Screenshot of responsive pages at mobile size

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Screenshot of responsive pages at mobile size
SEBF Website Redesign

Initial design ideas - Minimal

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Initial design ideas - Minimal
SEBF Website Redesign

Initial design ideas - Coloured panels

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Initial design ideas - Coloured panels
SEBF Website Redesign

Initial design ideas - Coloured illustrations

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Initial design ideas - Coloured illustrations
SEBF Website Redesign

Drawing the continuous line art and fill graphics in Adobe Illustrator

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Drawing the continuous line art and fill graphics in Adobe Illustrator
SEBF Website Redesign

Composing the illustration animation effects in Adobe After Effects

Image Credit: ©2024 Eddie Green

SEBF Website Redesign

Composing the illustration animation effects in Adobe After Effects

Last updated May 2020

SEBF Website Redesign

This is the re-designed website for the Stock Exchange Benevolent Fund who were looking for a modern design, and a clear outline of the help that they can provide. I chose to use subtle animated vector illustrations and lots of white space, while the copy was re-written focusing on the requirements of people needing assistance. The side employs the latest HTML, CSS, and SVG graphics technologies to implement the design.

Images

SEBF Website Redesign
Screenshot of the home page showing masthead and animated illustration

SEBF Website Redesign
Screenshot of the home page showing style and illustration of the content

SEBF Website Redesign
Screenshot of the home page showing footer graphics

SEBF Website Redesign
Screenshot of content showing styling of text

SEBF Website Redesign
Prominent contact form on home page

SEBF Website Redesign
Screenshot of responsive pages at mobile size

SEBF Website Redesign
Initial design ideas - Minimal

SEBF Website Redesign
Initial design ideas - Coloured panels

SEBF Website Redesign
Initial design ideas - Coloured illustrations

SEBF Website Redesign
Drawing the continuous line art and fill graphics in Adobe Illustrator

SEBF Website Redesign
Composing the illustration animation effects in Adobe After Effects

Notice to admins and editors

Editing pages and administering the site is disabled because you are not using two-factor authentication to secure your account. This is required for all users with privileged access.

Set up Two Factor Authentication