AR Firework Challenge

Hi Friends, here's my submission for AR Fireworks challenge. This is a Fireworks app that helps users purchase fireworks both online and by directly visiting the shop. This app provides a Scan option for users to scan fireworks from the shop and view the product details. The AR option enables users to decide which firework to buy by viewing how it works. Your feedbacks will be highly appreciated, Thank you.

Hi guys, this is my design submission for this week challenge i did some research and it was quite challenging hope you guys like it, leave any feedbacks and thats would be great to help me to improve more!

This was quite an interesting challenge to solve for. I first tried to figure out when would the user possibly use this app. While looking for an app which has an AR feature to see an example of fireworks and how they look when they are lit. It definitely helps me to purchase the right fireworks for my event. I have designed a flow and tried to show 5 steps of the user journey.

I looked up at existing online fireworks stores to come understand the structure of a e-comm app pertaining to fireworks. The main element being AR, I insisted on keeping it simple (Like snapchat's AR UI}- A viewport for our camera. 1st we point to the ground and choose a point to plant the selected cracker. Then, the instruction bubble instructs us to point to the sky (IF aerial shot). Lastly, we press our firecracker btn to trigger the shot and display in AR real-time. IF Ground FireCracker, The app, displays the "RADIUS" of spread of the firework in real time. If, the chosen point on the ground does not have enough space to cover the radius, it prompts to choose another point. After that, we trigger the cracker.

Wassup Everyone !! Let me introduce you all my first design solution on crowwwn for the latest AR challenge that is done by following user centric approach , fulfilling the user needs and expectations. I started from Desk Research about AR Apps , their constraints and micro things to consider , afterwards , I did brainstorming and ideations for designing the solution. In my design the essential features were provided i.e AR view , Getting Details , Recording of the AR effect of cracker. I designed the experience in a very minimal , simple and understandable way. Thankyou ! and kindly give your valuable feedback !

It's just an additional feature in a normal shopping app. The AR feature can be used via product page after clicking the "View in AR" icon situated below the product, a camera will open which would ask the user to aim at a surface so that the AR animation can play. This gives the user an actual view of how the product would work in real life. Also it will give an idea of the space which will be effected by the fireworks so that the user can use the product with precautions. Thank you, Feedback awaited

This Challenge is really innovative for me. I design it such a way so that user could directly shop their fireworks using Augmented Reality. They can easily choose their desire firework with minimum taps and see how it looks when it's lights up. If they Swipe up on AR Screen they can also choose products in tabular form. Hence both way user can experience shopping.

Identified the userflow and done research on the problem , how it works , done the low fieldility wireframe, high fieldility wireframe and after multiple iteration came up with the solution

Hey folks!!, This is my first challenge on Crowwwn and it's was really fun working on Augmented reality app, I had fun working on it. For the most time, I was working on the research part as the problem statement was only about the visuals for how cracker will explode, and with research I thought about the safety of people and also about the noise, as we might have users who have kids and they are purchasing it for them. So with this app they will be able to find a suitable fire cracker which can be used by their kids. Along with all this, I kept the designs very simple so that users of any age and of any demographics can use the app. As, this is my first time on Crowwwn, I hope you all will like my designs and if not then feel free to post your comments on this design and help me improve. Hope to see a good response for this design :)

This is my challange for fireworks AR. For this problem, i did some research on the internet where i find out that many of us didn't know how the fireworks work, Because firework has a different element for a different colors and patterns too. So, in this challange, i want to make an app where we can see how the fireworks lit on every pattern that they have. the first page is landing page, so actually the concept is everyone can access the apps and explore it first, they don't have to log in to explore, but when they want to purchase the fireworks, that's when the log in work. second page is home page, i categorize them based on their needs on the event, because it's more easier to understand rather than the actual category of fireworks (which is like aerial, non aerial, etc). the third page is detail page where we can see all of the detail of the products, and the last one is the AR feature, so actually it's a video based, so when we go into this page, it's a video of how the fireworks lit, that's all, thankyouuu, and enjoy!

Hi everybody! Here's my solution to this week's challenge, I'm trying to make an AR App buy a firework that can see an example of how it looks when it's lit, so you can quickly browse and buy the good fireworks for your event. Users can use the QR code on the back of the fireworks to see an example of how it looks when lit. Feel free to give feedback

I researched on people's behaviour and preferences when buying firecrackers before starting to design these app screens. When the user enters the app they are asked to set their preferences to showcase the best results. Then the users can scan the entire shelf and click the next button which will show them the best options in AR view with the animation of how the product looks. They can also compare the products. Many-a-times, people buy fireworks in bulk and nobody likes to do the math in the middle of the shop. So, the app helps you choose the quantity of the firework and will show you the updated price. Also, it also helps you find eco-friendly options. You can access the filter anytime you want and scan more products. Also, while comparing products, you can see an image of how each of them look when they are used. Thank you for reading. This is my take on making fireworks shopping easier using AR technology.

I made this AR Fireworks application where the user can shop for a variety of firecrackers and moreover can have an augmented reality experience of what the firework would look like through their smartphones.... It starts with a home screen that displays various categories to buy from...followed by a product description screen that encapsulates all the required information about the product. It also has a ' View in AR ' feature on which the user can click and are directed to the next screen where they can see an example of the firework along with some useful details (like in the case of rockets, (shots, brightness, and height))... It also has an AR Guide screen which guides the user on how to place their smartphones to augment the firework....The user can then proceed to the further tasks of buying the product or adding it to the cart which is represented on the other screens.... Hope you all will like the designs and provide your valuable feedback on them!!

This was the first time I designed an AR related design. Firstly, I mapped out two scenarios where people would use this. They were 1) while shopping for the fireworks in person and 2) buying them online. I design two ways in which user can choose the model of the firework. One is by directly scanning the firework through the camera, the model is recognized and then user can view the live example of firework through AR. This will be useful when the user is shopping in person. Next is by searching the name of the firework, it displays a list and then they can view any of them from the list which will be useful when they are buying it online. Then, I added more information about the firework i.e. price, number of pieces, safety-related information and the color of the effects. This challenge was very interesting to me and I am happy to learn something new. Thank you for this and good luck to everyone.

Hello there, Here is my AR Fireworks shopping UI challenge. I had fun doing it. I enjoyed doing it. I was inspired to create this user interface by already existing Ar apps. I would appreciate any comments.

Hello Everyone, If you have any feedback so just write it coz it's help me to improve more and more thanks!

This is the first challenge I am taking part. It was an exciting process throughout. As the problem was to help users see in AR how the fireworks will work, I've added option with product description itself. Some users are not familiar with this option, so information button to convey the use of this feature is added. The user can scan any area and it can be in image or video format. After viewing, user can directly add the product to cart by option provided in the same frame.

Hi sweet people For this weeks challenge i have designed an UI for an app which help us Try firework before we buy by using an augmented reality feature the boarding screen consists of a search bar where we can search for firework by name and a category section to find on firework on the base of type and for the augmented reality we assume that every box of firework has a QR code, which consists of all details of firework and augmented reality preview for this i added a qr code which will scan the product and also by searching firework by name. we can get augmented reality view which opens camera and we can preview augmented reality by taping on screen and to find the product easily a map. which will find the product which is near and stock update

Hai all, I designed this UI as a web application based UI since the main objective is to scan the QR on the Firework and to experience the AR! Where separate mobile applications make no use as web apps do in this AR scenario. 1)In the initial screen I made the screen UI for scanning the QR from the product itself or the QR from the Digital banners for the brand. 2)The second screen UI mentions how the flat-surface is scanned for placing the 3D model/Firework precisely. 3)The 3rd screen UI is the screen that makes the user to interact with screen mentioning tap to place the firework wherever we wish to place!.. 4)The 4th screen UI is the screen after placing the Firework in AR, with a close button, an info button and a CTA for firing the firework(This feature is as per the requirement mentioned - to know how this firework looks when lighting). 5)The 5th screen is the screen view when the AR Firework is lighted. 6)This 6th screen contains a pop-up which arise when the info CTA is triggered. This pop-up will have the Name of the firework, basic details, Price and CTA to view the complete product list of the brand. 7)This 7th screen have the pop-up that will triggered after the firework is lighted up and comes to an end. This pop-up asks for lighting the firework again to experience the AR experience again and another CTA to navigate to all products list of the brand and close option. 8)The 8th screen is the All products screen where all the firework of that certain brand will listed here. We can explore the product individually as we do for E-com products. 9)This last screen contains the details of the individual product we selected to see, It will have the basic details regarding the product, price, offer, CTAs to view that specific product in AR and another CTA that will navigate to their site for buying it online. Thus this is how I designed the screens and Hope you all like it!..

I tried to find out about the fireworks and how they work after they are lit. Then I tried to implement the design according to the fireworks' visual effect. I tried to design the app in a dark mood to showcase the beautiful effect of fireworks.

Simple and effective application for knowing how the firework going to look when they lit. One can search by it's name as well as by using the camera to scan the QR code on that. It will provide image as well as video of the firework.

I have designed this is one day because I didn't knew about this type of platform which is for designer. But it's not an excuse I have search for AR system that how it works & have seen some design ideas & completed this task.

I just want to mention that I am a UX designer, not a UI designer, which is noticeable in this design :D How did you solve this week’s challenge? I imagined how an infrequent user (not someone working with fireworks on a daily basis) would like to browse fireworks. I decided on browsing by effect (the way the fireworks look when they are lit) for users who want some particular effect without knowing the name and also browsing presets for users who need inspiration - Screen 1. On the product page, I integrated the AR view button, labeled Lit the fireworks in AR, to make sure that the user understands the meaning of the button. I also mentioned the AR functionality on the product description. The product page also offers multiple colors to choose from, some details like Duration of the firework and Noise level, the price, Add to cart button and, at the bottom of the screen, some presets that contain the product - Screen 2. On the AR view, there is a button for lighting the fireworks after the user is happy with the fireworks position on the sky. The price and the Add to cart button are still visible, along with the available colors - Screen 3.

UX Process: Home Page: Scan the QR code in the firework product - View the firework effects video in app Gallery Page: Look and search for different types firework videos to see inspiration when shopping for fireworks based on different situation needs. QR code: Firework makers to sign up for this app and upload their firework videos to the app. So buyers only need to scan the QR code that printed on the product to see the videos.

Hello Crowwwn community, As this is my first design challenge, I hope to learn much from you all. As part of my research, I found other AR apps and websites dedicated to fireworks and tried my best to solve the problem.

I searched about AR then i designed this app

Hi everyone . This is my design for this week's challenge. I researched that providing the user with proper and satisfying AR experience can influence user decisions. Thus the UI of the app as well as AR plays an important role in the decision making process. I provided every firework with a unique QR so that the user is assured that he/she is using a legal firework. I also provided the user with different combinations of colors for fireworks . Thus ends my design research description for this week's challenge/

Hello everyone, here is my entry for the AR fireworks challenge. It was an intriguing challenge, and I wanted to keep the interactions and design simple so that users could concentrate on the firework selection. The AR screen that shows how the fireworks work is actually a gif, and I apologise in advance if it does not work as expected. I hope you enjoy my work and invite you to provide feedback.

Hi everyone! At this week I decided to make bright and colorful (just like fireworks are) neobrutalistic design. Customer can watch a real video of the fireworks by clicking on the orange "play" button. Hope you'll enjoy it :)