Fireside Outdoor

Client

Fireside Outdoor

Location

Pheonix, Arizona

Work

User Experience, User Interface, Front-End, Back-End, Motion Design

Year

2020, 2021

Fireside Outdoor was founded with a simple goal: to create an engineering product that allows you to light a fire in the open space safely and easily. With the help of innovative materials and a team of skilled engineers, they have created smart solutions to long-term problems. From preventing wildfires, to reducing the impact of the outbreak on the environment.

LAUNCH WEBSITE

01 / 03

Challenge

Problem

Trailblazer is a number of quality products that are actively sold on various platforms: Amazon, Ebay, other stores and the website. This feature has increased sales.

Responding to the product, the number of customers is not less, and the level
of responsibility to them… The customer wants to change the existing site,
increasing the main sources of sales.

02 / 03

Goal

What We Need

Create a modern and unique website for Trailblazer that would be different in the market and meet the new status of the product. The site should look more presentable and be as user-friendly as possible. Customer quote: site like a Tesla.

03 / 03

Decision

What We Did

We redesigned the site, provided all the detailed information about the product without overloading the user, improved the functionality of the site.

Prototypes

To begin with, we structured the information and created mokaps to process all the necessary customer requirements for the functionality and design of the site.

The development of such a layout is very helpful to save time, because at this stage the client understands what information will be in the relevant sections that need to be changed or added.

The client was actively involved in the process of working on Mokap, with the help of Figma (where we worked on the layout) the client had the opportunity to add comments to the actual layout of his site.

Showing features

We divided the product description into several semantic blocks, added icons and videos for easy perception of information by the user.

A barbecue is not just a useful thing, it is what unites family and friends in one thing. We have enlarged the blocks with photos and videos that use the product so that the buyer can imagine himself in the warm atmosphere created by the barbecue around him.

Additionally, we visualized the options for using the product. In our opinion, it was important to show that the use of this barbecue is not limited to barbecue in the backyard and going camping.

Variability of icons will help the buyer to make a choice in favor of our product.

One of the important advantages of the product is that the design of the grill prevents coal from falling out of it, and thus the spread of fire. We highlight this information in a separate section, thus emphasizing the user's attention.

For a better perception and study of the characteristics of the product, we add a description for each element of the grill that appears when hovering over the appropriate area. With this technique, we help the user to make a complete picture of the product.

We have changed the functionality of this section in the mobile version of the site for convenience.

Moreover, we drew the diagrams of the grill in disassembled condition to show in detail its design and made an animation of the whole assembly process.

Mobile version

We have made the mobile version as convenient and useful for the user as possible. To do this, we had to simplify some of the sections.

We offered the client to add a section that the barbecue can be used not only in nature, at home, tailgating, parks

In the process of discussion with the client came to the conclusion that you need to make a section with related products and bundles (kits)

On the site, the grill is presented in several configurations, to make it easier for the buyer to compare and choose the appropriate option, we displayed them on one screen, which allows you to immediately decide on the choice without going to other pages.

Functional
Mega Menu

As the site became more and more like an online store, and the range of products gradually increased, there was a need to develop a mega menu. Our designers have managed to design it as convenient and easy to use. Thanks to this, the customer could easily find the product or section of the site he needed.

Collection page

In 2021, in addition to the main products, the customer decided to launch clothing and various accessories. Therefore, there was a need to make a collection page, which could be accessed by selecting the appropriate category in the mega-menu. This allows the customer to see the full range of products and choose the most appropriate.

Product page

An important aspect was that we developed a product page for each product. Due to this, the customer had the opportunity to fully view the information about the product, and in some cases to choose the appropriate size or color of the product.

Blog page

The client also expressed a desire to add to the site the ability to publish articles on various topics. We have developed a readable blog page and an article page. Now visitors can not only buy but also learn something new.

Project
Conclusions

Services Included

User Experience
User Interface
Front-End
Back-End
Technical Support

Technologies

The site was developed using HTML5, CSS3, SVG, JavaScript (ES6), JQuery, GSAP for animations and WordPress as CMS.

Project Statistics

52 Pages Created

348^h Projects Implemented

Metrics Increased

D to A Google Page Improvement

200^% Increase in Conversion Rate

Next Project:

Arcanium

Premium Recruiting

Discover

Sky Rocket
Your Project

Message us directly via:

Fill the brief

Fireside Outdoor

Client

Location

Work

Year

Challenge

Problem

Goal

What We Need

Decision

What We Did

Prototypes

To begin with, we structured the information and created mokaps to process all the necessary customer requirements for the functionality and design of the site.

Showing features

Variability of icons will help the buyer to make a choice in favor of our product.

One of the important advantages of the product is that the design of the grill prevents coal from falling out of it, and thus the spread of fire. We highlight this information in a separate section, thus emphasizing the user's attention.

Moreover, we drew the diagrams of the grill in disassembled condition to show in detail its design and made an animation of the whole assembly process.

Mobile version

We offered the client to add a section that the barbecue can be used not only in nature, at home, tailgating, parks

In the process of discussion with the client came to the conclusion that you need to make a section with related products and bundles (kits)

On the site, the grill is presented in several configurations, to make it easier for the buyer to compare and choose the appropriate option, we displayed them on one screen, which allows you to immediately decide on the choice without going to other pages.

Functional Mega Menu

Collection page

Product page

Blog page

ProjectConclusions

Services Included

Technologies

Project Statistics

Metrics Increased

Next Project:

Arcanium

Sky Rocket Your Project

Message us directly via:

+ 23

Website Type

What kind of site do you need?

Your Budget

Indicate the average figure, within your capabilities.

Other Services

These services help your bussines/brand stand out among others.

Files & Description

Attach files, share folder link or describe the tasks.

Contact Information

Keep in touch with our team.

Personal Data

Do you consent to the processing of your personal data.

Brief Results

The email has been successfully sent. Thank you for your time. Our team will contact to you soon.

Select your type:

Select your budget:

Select additional services:

Upload Files

Please, fill the form:

Select your type:

Website Type

Your Budget

Other Services

Files & Description

Contact Information

Functional
Mega Menu

Project
Conclusions

Sky Rocket
Your Project

Website
Type

Your
Budget

Other
Services

Files &
Description

Contact
Information

Personal
Data

Brief
Results