People 1st
![ppl1hero](https://chrishardydesigns.com/wp-content/uploads/2017/05/ppl1hero.jpg)
![ppl1hero](https://chrishardydesigns.com/wp-content/uploads/2017/05/ppl1hero.jpg)
The Brief
People1st provided training for the workplace that consisted of three different companies. My task was to plan and design a website that intergrated each sub company into one website under the People1st name. The existing site was deep and their was often complaints of the user getting lost. I simplified the user journey ensuring the user had access to important information they needed, fast. The site was to act as a style guide across their entire brand as they were re-branding at the time.
Roles
- User journey & Wireframing
- Styleguide
- Site design
![ppl1mockupfinal](https://chrishardydesigns.com/wp-content/uploads/2017/05/ppl1mockupfinal.jpg)
![ppl1mockupfinal](https://chrishardydesigns.com/wp-content/uploads/2017/05/ppl1mockupfinal.jpg)
Typography
HEADINGS
![myriad1final](https://chrishardydesigns.com/wp-content/uploads/2017/05/myriad1final.png)
![myriad1final](https://chrishardydesigns.com/wp-content/uploads/2017/05/myriad1final.png)
PARAGRAPHS
![helv1final](https://chrishardydesigns.com/wp-content/uploads/2017/05/helv1final.png)
![helv1final](https://chrishardydesigns.com/wp-content/uploads/2017/05/helv1final.png)
Colour scheme
![colorbluesaph](https://chrishardydesigns.com/wp-content/uploads/2017/05/colorbluesaph-1.png)
![colorbluesaph](https://chrishardydesigns.com/wp-content/uploads/2017/05/colorbluesaph-1.png)
![colorwhite](https://chrishardydesigns.com/wp-content/uploads/2017/05/colorwhite.png)
![colorwhite](https://chrishardydesigns.com/wp-content/uploads/2017/05/colorwhite.png)
![colorpowder](https://chrishardydesigns.com/wp-content/uploads/2017/05/colorpowder.png)
![colorpowder](https://chrishardydesigns.com/wp-content/uploads/2017/05/colorpowder.png)
![colorruddypink](https://chrishardydesigns.com/wp-content/uploads/2017/05/colorruddypink.png)
![colorruddypink](https://chrishardydesigns.com/wp-content/uploads/2017/05/colorruddypink.png)
![colormac](https://chrishardydesigns.com/wp-content/uploads/2017/05/colormac.png)
![colormac](https://chrishardydesigns.com/wp-content/uploads/2017/05/colormac.png)
![colorpeach](https://chrishardydesigns.com/wp-content/uploads/2017/05/colorpeach.png)
![colorpeach](https://chrishardydesigns.com/wp-content/uploads/2017/05/colorpeach.png)
Sub Pages
![2mocks](https://chrishardydesigns.com/wp-content/uploads/2017/05/2mocks.jpg)
![2mocks](https://chrishardydesigns.com/wp-content/uploads/2017/05/2mocks.jpg)
![ppl1stmaocbig](https://chrishardydesigns.com/wp-content/uploads/2017/05/ppl1stmaocbig.jpg)
![ppl1stmaocbig](https://chrishardydesigns.com/wp-content/uploads/2017/05/ppl1stmaocbig.jpg)
Mobile
[unex_ce_button id="content_3ofkk9h3y" button_text_color="#ffffff" button_font="semibold" button_font_size="16px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#333333" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#333333" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#c39d63" button_border_hover_color="#c39d63" button_link="https://projects.invisionapp.com/share/4J7MUWPVF#/screens" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]DESKTOP PROTOTYPE[/ce_button]
[unex_ce_button id="content_ljwhpxmea" button_text_color="#ffffff" button_font="semibold" button_font_size="16px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#333333" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#333333" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#c39d63" button_border_hover_color="#c39d63" button_link="https://projects.invisionapp.com/share/QB7MUWDR2#/screens" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]MOBILE PROTOTYPE[/ce_button]