UX|UI

People 1st

ppl1heroppl1hero

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. 

  • User journey & Wireframing
  • Styleguide
ppl1mockupfinalppl1mockupfinal

Typography

Colour scheme

Sub Pages

2mocks2mocks
ppl1stmaocbigppl1stmaocbig

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]