[mk_page_section bg_image=”https://www.jamesrognon.com/wp-content/uploads/2023/09/cabelaschristmas-heroshot.jpg” bg_position=”center top” bg_repeat=”no-repeat” bg_stretch=”true” min_height=”1200″ padding_top=”40″ padding_bottom=”40″ sidebar=”sidebar-1″]

[mk_padding_divider size=”200″][mk_fancy_title tag_name=”h1″ color=”#b6ff00″ size=”148″ font_weight=”bold” txt_transform=”none” letter_spacing=”2″ font_family=”none”]Improving the holiday sales experience[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”500″ align=”left” thin_single_color=”#00ffe5″ thickness=”6″ margin_bottom=”0″]
[/mk_page_section][mk_page_section bg_color=”#96fff4″ bg_position=”center top” bg_repeat=”no-repeat” bg_stretch=”true” padding_top=”100″ padding_bottom=”80″ sidebar=”sidebar-1″]
[mk_fancy_title tag_name=”h4″ color=”#000″ size=”25″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”1″ margin_bottom=”0″ font_family=”none”]brief[/mk_fancy_title][mk_fancy_title color=”#000″ size=”75″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ font_family=”Playfair+Display” font_type=”google”]intro[/mk_fancy_title]

What do you do when you want to increase sales for a website during the busiest time of the year? You redesign the holiday’s landing page before Thanksgiving sales and see some great results.

The vice president of digital marketing wanted to see a sales increase for the website during the holiday season. He charged my user interface team to work with the user experience team to research and redesign the holiday promotions landing page. We wanted increased time-on-site and overall sales numbers; our changes did not disappoint.

[mk_padding_divider size=”200″][mk_fancy_title tag_name=”h4″ color=”#000″ size=”26″ font_weight=”bold” txt_transform=”capitalize” letter_spacing=”1″ margin_bottom=”0″ font_family=”none”]project details[/mk_fancy_title]

Project: UI / UX
Client: Cabela’s
Deliverable: Landing Page Redesign
Year: 2015

[/mk_page_section][mk_page_section bg_image=”https://www.jamesrognon.com/wp-content/uploads/2023/09/cabelas-christmas-wireframe-2.jpg” bg_position=”center center” bg_repeat=”no-repeat” bg_stretch=”true” min_height=”1000″ js_vertical_centered=”true” sidebar=”sidebar-1″]
[/mk_page_section]
[mk_padding_divider size=”100″]

Starting every project, I follow a few steps to ensure the best outcome. I reviewed the creative brief and asked as many questions as possible. The task was to increase the time spent on Holday’s sales pages and overall time on site. In previous years, Cabela’s would average around $24 million in online sales during Thanksgiving and Black Friday sales. Every minute a customer would be browsing on our site, the higher the completion rate. I was assigned to this project as a senior interactive art director with a trusted designer.

[mk_padding_divider size=”100″]
[mk_page_section bg_color=”#131313″ bg_gradient=”vertical” gr_end=”#0a0a0a” video_opacity=”0″ min_height=”600″ padding_top=”40″ sidebar=”sidebar-1″]
[mk_padding_divider size=”80″][mk_fancy_title tag_name=”h1″ color=”#ffffff” size=”80″ font_weight=”bold” txt_transform=”capitalize” letter_spacing=”1″ margin_bottom=”0″ font_family=”none”]the final[/mk_fancy_title][mk_fancy_title tag_name=”h1″ color=”#daff0a” size=”100″ font_weight=”bold” txt_transform=”capitalize” letter_spacing=”1″ margin_bottom=”0″ font_family=”none”]holiday creative[/mk_fancy_title][mk_padding_divider]

The UX team had been working on conducting surveys and interviews with customers. My team took the data and research provided by the UX team to create a new concept. In previous years, the holiday landing page held several deals at the top and had a large side navigation that included nearly 20 different subcategories. We landed on using a smaller sub-category navigation to help users identify desired purchase categories. The initial UI concept introduced the main idea of maintaining one page but changing out the products when the different categories were selected. Prior to this concept, there were close to 20 different pages with holiday deals which could easily be lost. Load time had also been a problem on days like Black Friday or Cyber Monday, so loading a single page with more options would keep the user on the site longer.

We also created some new versions of holiday magazine covers. The goal was to enhance the visual aesthetic to appeal to a younger audience and also put a focus on the products and their deals. Four different colors were used to represent the different weeks between Thanksgiving and Christmas. Cabela’s had traditionally used these differences to ensure content was updated on a weekly basis visually.

[/mk_page_section][mk_page_section bg_color=”#131313″ padding_top=”0″ padding_bottom=”100″ sidebar=”sidebar-1″]
[mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”28″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”5″ margin_top=”20″ margin_bottom=”5″ font_family=”Asar” font_type=”google” align=”center”]Landing Page[/mk_fancy_title][mk_image src=”https://www.jamesrognon.com/wp-content/uploads/2023/09/cabelasholidays-landingpage.jpg” image_size=”full” lightbox=”true” custom_lightbox=”https://www.jamesrognon.com/wp-content/uploads/2023/09/cabelasholiday-final-mock-scaled.jpg” align=”center” margin_bottom=”40″][mk_padding_divider size=”60″][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”28″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”5″ margin_top=”50″ margin_bottom=”5″ font_family=”Asar” font_type=”google” align=”center”]Weekly Catalog Concepts[/mk_fancy_title]
[mk_image src=”https://www.jamesrognon.com/wp-content/uploads/2023/09/cat-cover-red-scaled.jpg” image_size=”full” lightbox=”true” align=”center” margin_bottom=”40″][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”18″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”5″ margin_top=”20″ margin_bottom=”5″ font_family=”Asar” font_type=”google” align=”center”]Week 1 Color & Execution[/mk_fancy_title]
[mk_image src=”https://www.jamesrognon.com/wp-content/uploads/2023/09/cat-cover-silver-scaled.jpg” image_size=”full” lightbox=”true” align=”center” margin_bottom=”40″][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”18″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”5″ margin_top=”20″ margin_bottom=”5″ font_family=”Asar” font_type=”google” align=”center”]Week 2 Color & Execution[/mk_fancy_title]
[mk_image src=”https://www.jamesrognon.com/wp-content/uploads/2023/09/cat-cover-green-scaled.jpg” image_size=”full” lightbox=”true” align=”center” margin_bottom=”40″][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”18″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”5″ margin_top=”20″ margin_bottom=”5″ font_family=”Asar” font_type=”google” align=”center”]Week 3 Color & Execution[/mk_fancy_title]
[mk_image src=”https://www.jamesrognon.com/wp-content/uploads/2023/09/cat-cover-gold-scaled.jpg” image_size=”full” lightbox=”true” align=”center” margin_bottom=”40″][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”18″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”5″ margin_top=”20″ margin_bottom=”5″ font_family=”Asar” font_type=”google” align=”center”]Week 4 Color & Execution[/mk_fancy_title]
[mk_padding_divider size=”60″]
[/mk_page_section]
[mk_custom_box padding_vertical=”50″ padding_horizental=”50″ margin_bottom=”0″ bg_stretch=”true”][mk_fancy_title tag_name=”h4″ color=”#0a0a0a” size=”25″ font_weight=”bolder” txt_transform=”capitalize” letter_spacing=”1″ margin_bottom=”0″ font_family=”Playfair+Display” font_type=”google”]End Results & Recap[/mk_fancy_title]

The UI and UX project was a success. After rounds of user testing, which included moderated interviews and eye-tracking tests, we saw an increase in category awareness and time on-site. We saw it increase thrice and nearly 20 percent in additional page visits. At the end of the holiday season, we also learned that Cabela’s online sales outperformed previous years. The following years continued to use this strategy, along with other refinements.

[/mk_custom_box]
[mk_custom_box padding_vertical=”0″ padding_horizental=”0″ margin_bottom=”0″ min_height=”100%” bg_color=”#59d600″ bg_image=”https://www.jamesrognon.com/wp-content/uploads/2023/09/cabelas-holiday-eye-tracking-scaled.jpg” bg_stretch=”true”]
[/mk_custom_box]
[mk_page_section bg_color=”#ff0044″ padding_top=”100″ padding_bottom=”100″ top_shape_color=”#ff2600″ top_shape_bg_color=”#f6ff00″ has_bottom_shape_divider=”true” bottom_shape_color=”#000000″ bottom_shape_bg_color=”#f6ff00″ sidebar=”sidebar-1″]
[mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”500″ align=”left” thin_single_color=”#ffffff” thickness=”6″ margin_top=”0″][mk_fancy_title color=”#0a0a0a” size=”80″ font_weight=”bold” txt_transform=”none” letter_spacing=”2″ font_family=”none”]Let’s work together[/mk_fancy_title]
[/mk_page_section]

Leave a Reply

Your email address will not be published. Required fields are marked *