[et_pb_section fb_built=”1″ admin_label=”Hero” _builder_version=”4.19.0″ background_color=”#3e8cce” background_image=”https://omoriginals.com/wp-content/uploads/2022/11/circle-background-pattern.png” custom_padding=”|||” animation_style=”zoom” animation_intensity_zoom=”4%” global_colors_info=”{}”][et_pb_row _builder_version=”4.19.0″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”|||” animation_style=”slide” animation_direction=”top” animation_intensity_slide=”3%” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.19.0″ text_font=”||||||||” header_font=”Montserrat|700|||||||” header_text_color=”#FFFFFF” header_font_size=”50px” header_line_height=”1.3em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”|||” animation_style=”fade” hover_enabled=”0″ header_font_size_last_edited=”off|desktop” locked=”off” global_colors_info=”{}” sticky_enabled=”0″]

RAM Mounts eCommerce

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Case Study Text” _builder_version=”4.16″ custom_margin=”||-89px|||” custom_padding=”74px||30px|||” global_colors_info=”{}”][et_pb_row column_structure=”2_3,1_3″ _builder_version=”4.19.0″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” animation_style=”fade” global_colors_info=”{}”][et_pb_column type=”2_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.19.0″ text_font=”Montserrat||||” text_text_color=”#353740″ text_font_size=”22px” text_line_height=”1.8em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”100%” animation_style=”flip” animation_intensity_flip=”20%” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]

Choose your adventure

RAM Mounts is a large US based digital device accessory manufacturer that sells directly to businesses and consumers through eCommerce and distributors.

As the Web Team, it was important for us to provide an improved user experience for desktop and mobile viewers. We worked hard to create a streamlined system to help people find and configure the best product for their adventure.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.19.0″ text_font=”Montserrat||||” text_text_color=”#747d88″ text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_4_font=”Montserrat|600|||||||” header_4_font_size=”22px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”||60px|” animation_style=”fade” hover_enabled=”0″ locked=”off” global_colors_info=”{}” sticky_enabled=”0″]

Microsite

RAM Mounts designs and manufactures rugged mounting solutions for (often) digital devices from it’s locations in Seattle Washington.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.19.0″ _module_preset=”default” min_height=”594px” custom_padding=”||182px|||” global_colors_info=”{}”][et_pb_row column_structure=”1_5,3_5,1_5″ _builder_version=”4.19.0″ _module_preset=”default” min_height=”346.8px” global_colors_info=”{}”][et_pb_column type=”1_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][/et_pb_column][et_pb_column type=”3_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.0″ text_font=”Montserrat||||” text_text_color=”#353740″ text_font_size=”22px” text_line_height=”1.8em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”100%” animation_style=”flip” animation_intensity_flip=”20%” global_colors_info=”{}”]

My Role

I was hired to take ownership of the complete online experience. As the Web Team Lead, I was responsible to understand RAM Mounts products, customers, and how the website was currently serving them. I was then responsible to propose improvements and to deliver. I designed the site based on my research.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.19.0″ _module_preset=”default” min_height=”277.2px” custom_margin=”-184px|||||” global_colors_info=”{}”][et_pb_row _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://omoriginals.com/wp-content/uploads/2022/11/ram-port.jpeg” title_text=”ram-port” _builder_version=”4.19.0″ _module_preset=”default” custom_margin=”-45px|||||” hover_enabled=”0″ border_radii=”on|8px|8px|8px|8px” border_width_all=”1px” border_color_all=”#666666″ global_colors_info=”{}” sticky_enabled=”0″][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_row column_structure=”1_5,3_5,1_5″ _builder_version=”4.19.0″ _module_preset=”default” custom_padding=”0px|||||” global_colors_info=”{}”][et_pb_column type=”1_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][/et_pb_column][et_pb_column type=”3_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.0″ text_font=”Montserrat||||” text_text_color=”#353740″ text_font_size=”22px” text_line_height=”1.8em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”100%” min_height=”324.7px” animation_style=”flip” animation_intensity_flip=”20%” global_colors_info=”{}” custom_padding=”||37px|||”]

Users

The target audience is people who wish to secure digital devices (phones cameras, laptops, tables, etc) in a variety of environments such as cars, bikes, motorcycles, boats, airplanes, spaceships, etc. The is also expanded to businesses that would resell securing solutions.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.19.0″ _module_preset=”default” custom_margin=”-60px|||||” global_colors_info=”{}”][et_pb_row _builder_version=”4.19.0″ _module_preset=”default” custom_padding=”0px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://omoriginals.com/wp-content/uploads/2022/11/Screen-Shot-2022-11-13-at-9.19.32-PM.png” title_text=”Screen Shot 2022-11-13 at 9.19.32 PM” align=”center” _builder_version=”4.19.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.19.0″ _module_preset=”default” custom_margin=”||-76px|||” global_colors_info=”{}”][et_pb_row column_structure=”1_5,3_5,1_5″ _builder_version=”4.19.0″ _module_preset=”default” custom_margin=”-101px|auto||auto||” global_colors_info=”{}”][et_pb_column type=”1_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][/et_pb_column][et_pb_column type=”3_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.0″ text_font=”Montserrat||||” text_text_color=”#353740″ text_font_size=”22px” text_line_height=”1.8em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”100%” animation_style=”flip” animation_intensity_flip=”20%” global_colors_info=”{}”]

Deliverables

  • Market Research
  • Competitive Analysis
  • User Interviews & Testing
  • Personas
  • Card Sorting
  • User Flows
  • Information Architecture & Navigation
  • Site Map
  • Wireframes
  • Interactive Prototypes
  • Finished Design
  • HTML and CSS with Style Guide

[/et_pb_text][/et_pb_column][et_pb_column type=”1_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.19.0″ background_color=”#f5f5f5″ custom_margin=”57px|||||” custom_padding=”110px|0px|110px|0px|true|” global_colors_info=”{}”][et_pb_row admin_label=”Quote” _builder_version=”4.19.0″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Quote” _builder_version=”4.19.0″ text_font=”Montserrat||||||||” text_text_color=”#353740″ text_font_size=”21px” text_line_height=”1.8em” header_font=”Montserrat||||||||” header_text_align=”center” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” max_width=”700px” module_alignment=”center” min_height=”66.6px” animation_style=”flip” animation_direction=”top” animation_intensity_flip=”20%” global_colors_info=”{}”]

The Evidence site showcases impact numbers and case studies for their audience of grantmakers

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://omoriginals.com/wp-content/uploads/2022/11/evidence.png” title_text=”evidence” show_in_lightbox=”on” align_tablet=”center” align_phone=”center” align_last_edited=”on|desktop” _builder_version=”4.19.0″ animation_style=”slide” animation_direction=”left” animation_duration=”500ms” animation_intensity_slide=”10%” animation_starting_opacity=”100%” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_row column_structure=”1_5,3_5,1_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][/et_pb_column][et_pb_column type=”3_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.0″ text_font=”Montserrat||||” text_text_color=”#353740″ text_font_size=”22px” text_line_height=”1.8em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”100%” animation_style=”flip” animation_intensity_flip=”20%” global_colors_info=”{}”]

Plays well with others

Whilst wrangling legacy web properties and figuring out what content and programs to cut isn’t glamorous β€” this project required a deep understanding of the existing products/programs. This included the interplay between teams to position them appropriately on the web and within the larger website.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_5″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.19.0″ _module_preset=”default” custom_margin=”-112px|||||” global_colors_info=”{}”][et_pb_row _builder_version=”4.19.0″ _module_preset=”default” custom_padding=”0px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text admin_label=”Quote” _builder_version=”4.19.0″ text_font=”Montserrat||||||||” text_text_color=”#747d88″ text_font_size=”24px” text_line_height=”1.8em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” max_width=”700px” module_alignment=”center” animation_style=”flip” animation_direction=”top” animation_intensity_flip=”20%” global_colors_info=”{}”]

Wireframes

[/et_pb_text][et_pb_image src=”https://omoriginals.com/wp-content/uploads/2022/11/wireframes-microsites.png” title_text=”wireframes-microsites” align=”center” _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ custom_padding=”110px|0px|110px|0px” global_colors_info=”{}”][et_pb_row _builder_version=”4.19.0″ _module_preset=”default” custom_margin=”-108px|auto|-108px|auto|true|” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text admin_label=”Quote” _builder_version=”4.19.0″ text_font=”Montserrat||||||||” text_text_color=”#747d88″ text_font_size=”24px” text_line_height=”1.8em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” max_width=”700px” module_alignment=”center” animation_style=”flip” animation_direction=”top” animation_intensity_flip=”20%” global_colors_info=”{}”]

Universal media card design and filtering

[/et_pb_text][et_pb_image src=”https://omoriginals.com/wp-content/uploads/2022/11/card-filtering.png” title_text=”card-filtering” align=”center” _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section]