[et_pb_section fb_built=”1″ _builder_version=”4.0.3″][et_pb_row _builder_version=”4.0.3″ custom_padding=”0px||||false|true”][et_pb_column type=”4_4″ _builder_version=”4.0.3″][et_pb_image src=”https://chrismlyle.com/wp-content/uploads/2019/11/REI-Map-Desktop-1.gif” _builder_version=”4.0.3″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”3_5,2_5″ _builder_version=”4.4.5″ custom_padding=”||100px||false|true”][et_pb_column type=”3_5″ _builder_version=”4.0.3″][et_pb_text _builder_version=”4.0.3″ custom_margin=”||15px||false|false”]

REI Blog Enhancements

My Role — UI/UX

[/et_pb_text][et_pb_text _builder_version=”4.0.3″]

I have had the opportunity to work with REI in creating custom enhancements to their co-op blog. I was given direction to create a functional map displaying pins to find all the amazing local eats, a blog update email for staff only and to create a new sub navigational menu for only staff members and a protected login landing page.

[/et_pb_text][/et_pb_column][et_pb_column type=”2_5″ _builder_version=”4.0.3″][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.4.5″ custom_padding=”||100px||false|false”][et_pb_column type=”1_2″ _builder_version=”4.0.3″][et_pb_image src=”https://chrismlyle.com/wp-content/uploads/2019/11/REI-Map-Desktop-1.gif” _builder_version=”4.0.3″][/et_pb_image][et_pb_text _builder_version=”4.6.6″ hover_enabled=”0″ sticky_enabled=”0″]

Desktop (Flexible height)

Sticky Map

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.0.3″][et_pb_image src=”https://chrismlyle.com/wp-content/uploads/2019/11/REI-Map-Mobile.gif” _builder_version=”4.0.3″][/et_pb_image][et_pb_text _builder_version=”4.6.6″ hover_enabled=”0″ sticky_enabled=”0″]

Mobile layout (Flexible height)

Sticky map

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.4.5″ custom_padding=”||100px||false|true”][et_pb_column type=”1_2″ _builder_version=”4.0.3″][et_pb_image src=”https://chrismlyle.com/wp-content/uploads/2019/11/REI-Blog-Email-Before.jpg” _builder_version=”4.0.3″][/et_pb_image][et_pb_text _builder_version=”4.6.6″ hover_enabled=”0″ sticky_enabled=”0″]

Before

Staff blog email

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.0.3″][et_pb_image src=”https://chrismlyle.com/wp-content/uploads/2019/11/REI-Blog-Email-After.jpg” _builder_version=”4.0.3″][/et_pb_image][et_pb_text _builder_version=”4.6.6″ hover_enabled=”0″ sticky_enabled=”0″]

After

Staff blog email

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.4.5″ custom_padding=”||100px||false|true”][et_pb_column type=”1_2″ _builder_version=”4.0.3″][et_pb_image src=”https://chrismlyle.com/wp-content/uploads/2019/11/REI-Staff-Login-Desktop.jpg” _builder_version=”4.0.3″][/et_pb_image][et_pb_text _builder_version=”4.6.6″ hover_enabled=”0″ sticky_enabled=”0″]

Desktop

Staff protected login page

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.0.3″][et_pb_image src=”https://chrismlyle.com/wp-content/uploads/2019/11/REI-Staff-Login-Mobile.jpg” _builder_version=”4.0.3″][/et_pb_image][et_pb_text _builder_version=”4.6.6″ hover_enabled=”0″ sticky_enabled=”0″]

Mobile

Staff protected login

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.0.3″ global_module=”693″ saved_tabs=”all”][et_pb_column type=”4_4″ _builder_version=”4.0.3″][et_pb_post_nav next_text_tablet=”” next_text_phone=”” next_text_last_edited=”on|tablet” _builder_version=”4.0.6″ title_text_color=”#3a3a3a” title_font_size=”24px” title_text_color_last_edited=”off|desktop” title_font_size_tablet=”” title_font_size_phone=”16px” title_font_size_last_edited=”on|desktop” next_text__hover_enabled=”off|desktop” title_text_color__hover_enabled=”on|hover” title_text_color__hover=”#0274be” title_font_size__hover_enabled=”on|desktop”][/et_pb_post_nav][et_pb_text _builder_version=”4.0.5″ text_font=”Elegant Icons||||||||” text_text_color=”#000000″ text_font_size=”40px” link_text_color=”#3a3a3a” text_font_tablet=”” text_font_phone=”” text_font_last_edited=”on|desktop” text_text_color__hover_enabled=”on|desktop” link_text_color__hover_enabled=”on|desktop” link_text_color__hover=”#0274be” link_font_size__hover_enabled=”on|desktop”]



[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]