Waterloo Womens Field Hockey Club Website Redesign Presented by - - PowerPoint PPT Presentation

waterloo women s field hockey club website redesign
SMART_READER_LITE
LIVE PREVIEW

Waterloo Womens Field Hockey Club Website Redesign Presented by - - PowerPoint PPT Presentation

Waterloo Womens Field Hockey Club Website Redesign Presented by Group 2 WHO IS WWFHC? A non for profit club organisation that runs in the KW region Offers indoor and outdoor field hockey to girls and women aged 13 and above


slide-1
SLIDE 1

Waterloo Women’s Field Hockey Club Website Redesign

Presented by Group 2

slide-2
SLIDE 2

WHO IS WWFHC? ◆ A non for profit club organisation that runs in the KW region ◆ Offers indoor and outdoor field hockey to girls and women aged 13 and above ◆ Website is used to get information such as: ◆ Playing, coaching, umpiring and tournament sign ups

2

slide-3
SLIDE 3

3

1. OLD WEBSITE

slide-4
SLIDE 4

OLD WEBSITE

4

slide-5
SLIDE 5

5

slide-6
SLIDE 6

PROBLEMS FACED ◆ Getting Google maps and Google Calendars to look good and be interactive ◆ Adapting our code for accurate responsive web design ◆ Finding updated information to include on the pages ◆ Making pages with less information still look good / full

6

slide-7
SLIDE 7

CHANGES TO BE MADE ◆ Overall aesthetic of the website ◆ Poor quality pictures, boring fonts and background is outdated ◆ Usability of the website is poor due to inconsistent navigation ◆ Downloads files without consent ◆ Lack of accurate and updated information

7

slide-8
SLIDE 8

8

2. NEW WEBSITE

slide-9
SLIDE 9

WEBSITE WALKTHROUGH

9

slide-10
SLIDE 10

TAB HEADING

10

slide-11
SLIDE 11

SLIDESHOW

11

slide-12
SLIDE 12

GOOGLE MAPS

12

slide-13
SLIDE 13

CALENDAR

13

slide-14
SLIDE 14

14

3. RESPONSIVE WEB DESIGN

slide-15
SLIDE 15

ORIGINAL WEBSITE MOBILE

15

slide-16
SLIDE 16

HOMEPAGE MOBILE

16

VS

slide-17
SLIDE 17

TOURNAMENT MOBILE

17

VS

slide-18
SLIDE 18

CALENDAR MOBILE

18

VS

slide-19
SLIDE 19

RECAP ◆ Made the navigation consistent on all pages allowing for easy maneuverability between pages ◆ Updated all information ◆ Created a cohesive and modern colour scheme ◆ Added in interactive links instead of direct downloads ◆ Maintained a one-two column layout for information

19

slide-20
SLIDE 20

THANK YOU!

Any Questions?

20