Amgazit is a project I worked on at a project company currently under construction before publication in 2025.
It is a site for selling gas (smokers, outdoor kitchens, etc.).
For Prototype
I was asked to take their old website and give it a new look with an emphasis on up-to-date UX for their new purposes.
The goal of the site is to make the sale of products accessible in the most attractive way with a youthful appearance related to the world of fire and gas.
The meeting started with a meeting with the client, who has an old website he wants to renew.
He mentioned that there are several important things, one of which is his target audience.
Previously, he targeted an older audience and now he wants a younger audience, so the entire UX concept here has changed.I adjusted the new website to be more tailored to a target audience of 28-40 years old and from a site that is simpler, adjustments were made to make the site more interactive and this is reflected in several places such as the tabs on the product page, which decided on an approach that is more suitable for a younger audience and we went from titles to buttons with icons, knowing that the younger audience understands the meaning and language.
In order to evaluate the market, I searched for competitors and conducted a market analysis.
UI-wise, the color red was chosen since it represents fire and gas in a vivid manner.
Additionally, since this is a young audience, we wanted to give the site a younger appearance, so we rounded the frames, added a banner as the title, and inserted more video clips and added effects.
I will now introduce the screens and their components.
First I will introduce the screens themselves and then I will elaborate on the important points i want to emphasize.
The home page
Product list
Product page
The main banner is actually a video - it's a video of one of the company's popular products and the client asked us to find a way to highlight some of the products that it is one of. The video gives the site a bit more of an experiential feel and creates an atmosphere as the client requested and is suitable for the young target audience.
When you hover over the menu, a small menu opens.
The client requested 2 rows of cubes and decided on gray cubes.In the cubes I placed the website's categories for quicker access and gave each of them an image to illustrate.
This is about the client's continued requests to highlight a number of specific products, so I created banners for them and the icon he requested:
Banners I prepared for a client to navigate to special categories he requested.
2 atmosphere photos as requested by the client
A section on why to buy from us with an explanation (customer editor) with an "atmosphere" image
4 cubes at the client's request for links to his blog
The banner image of the "Product List" page is actually a video of their product with a caption of the category with the promotion that is available.
Here are some important things: First, a picture of the product and below it, more pictures in a scroll + video.
The brand is below the title.
Below is a text editor that opens if there is a lot of text.
Below are some important general features.
I made 4 icons with a hover below the purchase that provide relevant information to the user and a handy option to check stock in branches.
On the left side, there are complementary products to the same product that can be purchased.
Here the tabs are movable and have an effect.In the "Product Description" I gave space to the text and below it images with an explanation of each item.