New Southern Energy

Website Design

Role

UI Design

Role

Art Direction

Tools

Adobe Xd

0

About the project

Redesigning the face of renewable energy provider New Southern Energy in order to distribute energy projects throughout Africa.

Together with Saltwater Designs, I was tasked to overhaul the Website and Visual Language for NSE. Their goal was to bring them up to speed and overtake their competition online.

Sadly as development started, I had to move onto another project and it was during this time that a new Project Manager joined NSE. With a different vision, they altered the direction of the final project.

1

Sitemap

Sitemap@2x

2

Design System

Inspired by the contrast of green plants pushing out of the cold grey mountains in Norway, the new green on charcoal grey I’ve selected to represent NSE represents breathing clean life into a dark coal history.

My choice in a font was relatively easy. Lato is a strong clean San Serif that is easy to read and works well enough to be on its own.

Font
Type_1200
Colours
#15ad64
#494f4d
#c0c9c6

3

Grid System

Desktop

1440px

grid-desktop
Mobile
Mobile
grid-mobile

4

UX Solution

Carousel

Desktop

Carousel

Mobile

mobile-carousel_1440

Cards

Mobile

card-project_1500

Cards

Mobile

card-steps_1500

5

Website Design

Homepage

Desktop

NSE_home_1600

6

Website Design

About Page

Desktop

NSE_about_1400-1

7

Website Design

Services

Carousel

Carousel

Desktop

NSE_what_we_offer_1600

Service Details

Desktop

NSE_Service_Detail_1600

8

Website Design

Projects

Overview

Projects

Desktop

NSE_Projects_1600

Project Details

Desktop

NSE_Project_Details_1600

9

Functionality

Menu

Mobile

10

Functionality

Search

Desktop

11

Website Design

Call To Action

Desktop

NSE_switch_1600

12

Website Design

Call To Action

Desktop

NSE_switch_1600

13

Website Design

FAQ Page

Desktop

NSE_FAQ_1600

Fin

Say Hello

Make
Work

© MW Stands For 2020 Freelance Creative