Bates Technical College Website Redesign & Launch
Bates Technical College Website Redesign Mock Up Layouts: The colleges website was due for a complete overhaul. Myself and a team of four worked for a year on the development of the new website, launched on Sept. 24, 2018. As Graphic Designer for the college I began working on layout and design for a student portal and new marketing website. The redesign process for both was collaborative and throughout last year we meet frequently to work through each stage of the new organization and look of the sites. Below are the design layouts used for position and code development of the marketing website. MyBates is a student portal and can be viewed at this address www.my.batestech.edu.
Some unique features of the marketing website are a student resources navigation section that sticks to the bottom of the page and follows the user throughout the website. The Standard footer section at the bottom is collapsible. Visit the live site to see the features in real time. www.BatesTech.edu

Below are screen captures of the live marketing website that was launched on opening day, Sept. 24, 2018. The home page features a hero section that highlights students and programs through large engaging photographs and a link to more information with a short program description.
The site includes a unique footer section, a student resource navigation that follows a user on each page as they scroll down by sticking to the bottom of the page instead of to the top. The final footer area contains links to important pages and is collapsible.
Below are the actual design mock up layouts created in Adobe Illustrator. These mock ups where given to the developer to code the website. During the year long process the design team looked at the design layouts and provided input and made decisions on changes and updates to the look and function of the website. At times I would provide additional layouts with additions or subtractions to the original concepts until the final design was approved to go to the final development and coding stage. The website is in an evaluation period and could change further.
------------------------------------------------------------------------------------------------------------------------
I designed multiple page types, not all page type layouts, elements or functions are present in the live site. They may or may not be incorporated later.
This site navigation tree was created to provide a visual at a glance look at the structure and flow of the pages. Modifications to locations of information may have changed in the live site.
Bates Technical College Website Redesign & Launch
1
42
0
Published:

Bates Technical College Website Redesign & Launch

1
42
0
Published:

Tools

Creative Fields