Camera Exchange Mobile

[mk_page_section bg_position=”center center” bg_repeat=”no-repeat” bg_stretch=”true” video_loop=”false” full_height=”true” padding_top=”0″ padding_bottom=”0″ margin_bottom=”100″ section_id=”hero-image-xbox” visibility=”visible-dt” el_class=”hero-image” sidebar=”sidebar-1″][vc_column border_color=”#ffffff” css=”.vc_custom_1521320884670{border-right-width: 15px !important;border-left-width: 15px !important;background-color: #ffffff !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;border-radius: 15px !important;}”][vc_row_inner css=”.vc_custom_1521340001157{padding-right: 15px !important;padding-left: 15px !important;}” el_class=”go-to-mobile-experience”][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_empty_space height=”50px”][mk_fancy_title color=”#556670″ size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”go-to-mobile-title”]Go To Desktop Version[/mk_fancy_title][mk_button_gradient grandient_color_from=”#0ec184″ grandient_color_to=”#2fd187″ grandient_color_fallback=”#0ec184″ url=”https://ideas2.graphics/camera-exchange/” align=”center” button_custom_width=”275″ margin_bottom=”25″ margin_right=”0″ el_class=”main-link-btn-1″]desktop experience[/mk_button_gradient][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1521341022766{margin-bottom: 0px !important;}”]Due to minor but different experiences, I split the desktop & mobile version. I am making further changes to combine both while decreasing download time. Have a suggestion? e-mail me.[/vc_column_text][vc_empty_space height=”50px”][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_repeat=”no-repeat” bg_stretch=”true” enable_3d=”true” full_width=”true” padding_top=”0″ padding_bottom=”0″ margin_bottom=”5″ section_id=”hero-image-xbox” visibility=”hidden-dt” el_class=”hero-image” sidebar=”sidebar-1″][vc_column]

the camera exchange

[/vc_column][/mk_page_section][mk_page_section bg_color=”#556670″ border_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”100″ padding_bottom=”50″ visibility=”hidden-dt” animation=”fade-in” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column][mk_fancy_title color=”#ffffff” size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Typography[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]Main Fonts[/mk_fancy_title][vc_empty_space height=”25px” el_class=”empty-space”][mk_fancy_title tag_name=”span” color=”#ffffff” size=”160″ font_weight=”bold” font_style=”normal” txt_transform=”none” margin_bottom=”0″ font_family=”Roboto” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-fonts”]Aa[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”none” margin_bottom=”0″ font_family=”Roboto” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]Roboto[/mk_fancy_title][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1520197344472{margin-bottom: 0px !important;}”]

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+

[/vc_column_text][vc_empty_space height=”25px” el_class=”empty-space”][mk_fancy_title tag_name=”span” color=”#ffffff” size=”160″ font_weight=”bold” font_style=”normal” txt_transform=”none” margin_bottom=”0″ font_family=”Lato” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-fonts”]Aa[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”24″ line_height=”120″ font_weight=”300″ font_style=”normal” txt_transform=”none” margin_bottom=”0″ font_family=”Lato” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]Lato[/mk_fancy_title][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1520197354045{margin-bottom: 0px !important;}”]

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+

[/vc_column_text][/vc_column][/mk_page_section][mk_page_section bg_position=”center center” video_loop=”false” full_width=”true” padding_top=”100″ padding_bottom=”50″ visibility=”hidden-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column][mk_fancy_title color=”#556670″ size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Color Palette[/mk_fancy_title][vc_empty_space height=”50px” el_class=”empty-space”][vc_row_inner][vc_column_inner width=”1/2″ offset=”vc_col-xs-6″][mk_fancy_title tag_name=”h6″ color=”#1b1e21″ size=”12″ font_style=”normal” txt_transform=”uppercase” font_family=”Open+Sans” font_type=”google” animation=”fade-in” el_class=”color-palette-title”]

Camera Red

[/mk_fancy_title][vc_single_image image=”232″ img_size=”full” css_animation=”fadeIn” el_id=”camx-color-camera-red” el_class=”color-palette”][/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-xs-6″][mk_fancy_title tag_name=”h6″ color=”#1b1e21″ size=”12″ font_style=”normal” txt_transform=”uppercase” font_family=”Open+Sans” font_type=”google” animation=”fade-in” el_class=”color-palette-title”]

Shutter Blue

[/mk_fancy_title][vc_single_image image=”241″ img_size=”full” css_animation=”fadeIn” el_class=”color-palette”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″ offset=”vc_col-xs-6″][mk_fancy_title tag_name=”h6″ color=”#1b1e21″ size=”12″ font_style=”normal” txt_transform=”uppercase” font_family=”Open+Sans” font_type=”google” animation=”fade-in” el_class=”color-palette-title”]

Landscape Green

[/mk_fancy_title][vc_single_image image=”240″ img_size=”full” css_animation=”fadeIn” el_class=”color-palette”][/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-xs-6″][mk_fancy_title tag_name=”h6″ color=”#1b1e21″ size=”12″ font_style=”normal” txt_transform=”uppercase” font_family=”Open+Sans” font_type=”google” animation=”fade-in” el_class=”color-palette-title”]

Olso Grey

[/mk_fancy_title][vc_single_image image=”237″ img_size=”full” css_animation=”fadeIn” el_class=”color-palette”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″ offset=”vc_col-xs-6″][mk_fancy_title tag_name=”h6″ color=”#1b1e21″ size=”12″ font_style=”normal” txt_transform=”uppercase” font_family=”Open+Sans” font_type=”google” animation=”fade-in” el_class=”color-palette-title”]

Vanta Black

[/mk_fancy_title][vc_single_image image=”239″ img_size=”full” css_animation=”fadeIn” el_class=”color-palette”][/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-xs-6″][mk_fancy_title tag_name=”h6″ color=”#1b1e21″ size=”12″ font_style=”normal” txt_transform=”uppercase” font_family=”Open+Sans” font_type=”google” animation=”fade-in” el_class=”color-palette-title”]

Geyser

[/mk_fancy_title][vc_single_image image=”238″ img_size=”full” css_animation=”fadeIn” el_class=”color-palette”][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”50″ padding_bottom=”50″ margin_bottom=”5″ visibility=”hidden-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column][mk_fancy_title color=”#556670″ size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Branding[/mk_fancy_title][vc_empty_space height=”25px” el_class=”empty-space”]

[/vc_column][/mk_page_section][mk_page_section bg_color=”#edf3f7″ border_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”100″ padding_bottom=”50″ margin_bottom=”5″ visibility=”hidden-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column][mk_fancy_title color=”#556670″ size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Wireframes[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#687173″ size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]Made In UXPin[/mk_fancy_title]

The Camera Exchange Featured Class Page Wireframe

The Camera Exchange Product Details Page Wireframe

[vc_empty_space height=”25px” el_class=”empty-space”][vc_row_inner is_fullwidth_content=”false” css=”.vc_custom_1519609553607{margin-top: 25px !important;}” el_class=”mobile-project-par-row”][vc_column_inner css=”.vc_custom_1522018893685{padding-right: 25px !important;padding-left: 25px !important;}”][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1523494248528{margin-bottom: 0px !important;}”]Created a concept strategy to attract more local customers and keep customers coming back while competing with the top camera stores in Central Texas in Austin, Dallas, and Houston, and further promoting the website nationally against major online camera dealers with online sales.[/vc_column_text][mk_button_gradient grandient_color_from=”#0ec184″ grandient_color_to=”#2fd187″ grandient_color_fallback=”#0ec184″ url=”https://preview.uxpin.com/3e3c6a985aeef780d6d6b541cb3252bbe2cb3750#/pages/66333814/simulate/sitemap?mode=i” target=”_blank” align=”center” button_custom_width=”275″ margin_bottom=”25″ margin_right=”0″ el_class=”main-link-btn-1″]view wireframes[/mk_button_gradient][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#f8f8f9″ border_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”100″ padding_bottom=”50″ margin_bottom=”5″ visibility=”hidden-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column][mk_fancy_title color=”#556670″ size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Visual Design[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#687173″ size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]Landing Page[/mk_fancy_title]

Using SEO’s best practices to create content and adding proper keywords in metadata input sections as well as optimizing images for products.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#edf3f7″ border_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”100″ padding_bottom=”50″ margin_bottom=”5″ visibility=”hidden-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column][mk_fancy_title color=”#556670″ size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Web Design[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#687173″ size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]Responsive[/mk_fancy_title]

[vc_empty_space height=”25px” el_class=”empty-space”][vc_row_inner is_fullwidth_content=”false” css=”.vc_custom_1519609553607{margin-top: 25px !important;}” el_class=”mobile-project-par-row”][vc_column_inner css=”.vc_custom_1522018874832{padding-right: 25px !important;padding-left: 25px !important;}”][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1523495942586{margin-bottom: 0px !important;}”]Responsive Movement breaks up Featured Images and glues them back together once you move from desktop to mobile.[/vc_column_text][mk_button_gradient grandient_color_from=”#0ec184″ grandient_color_to=”#2fd187″ grandient_color_fallback=”#0ec184″ url=”http://camerax.com/” target=”_blank” align=”center” button_custom_width=”275″ margin_bottom=”25″ margin_right=”0″ el_class=”main-link-btn-1″]view website[/mk_button_gradient][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#556670″ border_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”100″ padding_bottom=”50″ margin_bottom=”5″ visibility=”hidden-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column][mk_fancy_title color=”#ffffff” size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]BigCommerce[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]E-Commerce Management[/mk_fancy_title]

The Camera Exchange BigCommerce Image Upload

The Camera Exchange BigCommerce Add HTML Page

Used both NRO and BigCommerce’s new E-commerce version to add and manage products.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#000000″ border_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”100″ padding_bottom=”50″ visibility=”hidden-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column][mk_fancy_title color=”#ffffff” size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Adwords[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]SEM[/mk_fancy_title]

Created multiple campaigns and ad groups to target specific cameras and equipment

- by brand & equipment category
- responsive ads
- text ads/mobile ads
- display ads

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section]