Theme Park Challenge

Thanks Sri!

Hey liam... It's a nice work u have done here... The color selection, icons used and every regarding ui was good... Plus u have done a wonderful job in researching the problem statement and provided appropriate solution for that,I particularly liked the concept of ticket booking which had add one option,that was a good marketing technique which benefits even the user... Keep it up.!

thank you for your valuable feedback, in the next challenge I will definitely work on that

Hi Parth! You have done a fantastic job solving this week's challenge. If I were to recommend anything I would have you consider redoing the initial screen where users select the park. I think think it fits well with the rest of the design style you have used. I really love that you have pushed this challenge and included the "Rides" screen. That would be the first thing I would look at once I got to the park. I hope my feedback is helpful, great job!

Lol... The best feedback stuff worked! Never saw so many people giving feedback at this place

Hello Gnaneshwar, Thank you for the feedback.

HI, kudos for the colour selection, i like the second screen which makes whole theme park accessible These are few things which can help the user experience on the whole: 1. There could have been screen with all the rides inside cards arranged in grid format as you did for park attractions with each card having the ride name, waiting time and cta of directions. by doing this you can enable the user to get a glance of multiple rides at once . 2. the slider design you used pretty good , the thought of using traffic lights is brilliant you can increase the font size a bit for description and the points other than these you have come up with a good solution for the problem

hello amy, yes i agree with you, but i just forgot to write down approximately time after Heavy, so please consider that there is a time mentioned over there...

+ Nice Designs I love the graphics and grouping card of adult and kids - The challenge is to show wait time more efficiently - but in the design its very tiny and hardly readable also there is no specific time. it just says Heavy!

Hello Manasi, take a frame and drag this screen frame into that frame and that's it. set background color and pattern also resize the screens by pressing 'K' and adjusting the size of the screens.

Hey this is awesome work. So much to learn. I am new to this platform so can you tell me how to clip my screens on such backgrounds? I use figma.

Hello Yana, yes I totally agree with your point, and I was thinking about putting a time next to traffic signal names, to show the time in min also.

Hello Meet! As I said your solution is great and the UI design is awesome and minimalistic. I totally got your idea. What I meant in my previous feedback is that the user might need, for instance, a key or a short explanation about heavy or moderate traffic. I understand that world heavy means a long waiting time but how long? What if I am first time visiting this park. Probably, I would have no idea whether heavy means 30 min or 90 min for this specific park. This information might be impactful for users. In other words, I think, users want to be informed and understand your ranking. A good example might be a medium website. If you open any article there, you will see reading time to this article (e.g. 15 min.) It means that you will know instantly whether you want to read it now or not. But what if you would show this estimated reading time in words (short, long, very long, etc.) It's not that precise. Many users are very time-pressed in both cases. Users want to set the right expectations. At the end of the day, it's just my point of view. I can't speak for all users.

Hello Jennifer, i agree with your point, but here I wanted to design something attractive to user, something fast and trendy that's why i made red tabbar, as per your suggestion white and grey combination is also great to implement. Thank you.

Hi Meet, well done on these screens! I like the vibrant colors you chose, as well as the simple iconography. I think the only thing that gives me pause, is the tab bar in the second screen looking like a CTA/button vs a menu. I'd probably keep that without a color fill, and the options with the current option highlighted in your red, and unselected in a lighted grey. Overall though, nicely done!

Very nice design It's Awesome 👌😍

Hello @Yana Matkovska, so the main reason to put such a name like heavy traffic, is because each ride consist different play minutes or time to complete the entire one ride, it's totally based on theme park to how they are manage this names with time as per the rides. Let's take one example, if there is one roller coaster which takes 10 min to complete the ride and if the people who is standing in a line approximately 50, and at a time roller coaster takes 10 people than the traffic is heavy, and waiting period is about 50 min, that's how they can calculate the approximate time and traffic signals. and if all rides have heavy traffic then user can select the ride which takes less time to clear the traffic, and app's algorithm always shows that ride first in a list. That's my solution and view for this app.

Hi! Your Design is aesthetically pleasing. Also, great idea to predict traffic. What does heavy traffic mean? Is it 30 min or 60 min or 100 min? What if all rides have heavy traffic? Which heavy is less heavy?

Great work!!..👏👏

Absolutely beautiful design

Awesome work! Looking forward to working with you.

Creative work.... 😍👏

It's Amazing 👏

Wonderful 🤩

Unique design

Beautiful Designs..

Awesome design

Hey Meet! Like your work.

Hey Vansh. Good job completing the week's challenge and coming out with a great solution. I am assuming that this app is for an amusement park who have prepaid payment for every ride and not a fixed fee for entering the park. The wallet feature is a good addition as it promotes cashless payments and also will be helpful where the queues are long. The users might scan a QR code in the queue itself and pay there itself. Just like the UPI system in India, Dubai etc. I have a few suggestions regarding the core functions of the app. In the map screen, you can use a simplified app design in the app as not every detail is required while navigating in an amusement park. Adding to this, all the individual rides should be able to be distinguished with ride type (such as kids, adult, theme rides, water rides etc), along with being to set filters so finding a ride would become smooth. For the waiting time, you can use different colours like red, yellow, green depending on the wait times. Also, I feel since the user will be on the move, every component should be bigger than the apps that we use on a daily basis. And I feel, this app should be light theme based as light mode is more visible in the direct sunlight. On the visual part, you improve alignment on the 1st screen and make the CTA button similar to the buttons in the rest of the app. You can have a redesigned home screen instead of the queue section with sections like search, filters, popular rides, rides which are empty or have no queue etc. You can add a separate dedicated map screen which should not function as the home screen. Good Luck on future competitions. Hoping to look more from you.

Hi. great attempt for the design problem, the dark them and colour pop out well few suggestions for improving the user experience and overall design 1.In the second screen the idea of using colours is to indicate the colours is good but dont you think the ride with less waiting time should be in green and the one with the most be in red. because this what user expects while seeing these colours as they are widely used in daily life. even the wait time you specified is not popping out as are the colours so this might mislead the users a bit 2.The alignment is not proper in the first screen. the text field can be aligned with the button 3. the cards in second screen are not of same size . the third card is of good size you can use that for top two as well

A very simple and easy-to-use UI. Overall a good job!

Thank you, @Imtiyaz, for the feedback. I totally agree with you, I would use it for a big-scale amusement park, but for a smaller with more story park.

Thank you so much @Janelle, I really appreciate the feedback!

I have seen all other designs but I found this one a bit interesting is because of its playful nature! The 3d assets are top notch, and are the one that actually make this design so pleasing! Wouldn't recommend to a big amusement park but would definitely buy this if I had a fun little land made for children. Would be lovely to just open this app and let them have their piece of fun. Beautiful colors! And again loved the 3d icons, too notch! Have a great day!

So playful and eye-catching! I like that the user has the option to skip location tracking, but can still use the app. It's also clear which waits are the shortest, even with a quick glance! Very well done!

Thank you Ganeshwar and Leo for the insightful feedback. I didn't understand the problem statement correctly so the flow which I have made is not entirely useful. However, in the next design, I will consider the feedback and suggestions got from you guys.

Hi love this is simple and clean design, good colours and gradients few suggestions that might help user experience 1.I think wait time would more helpful rather than number of people because number of seats available on all rides are not same suppose a ride with 4 seats and 15waiting people take more time than a ride with 10 seats and 20 waiting people right. so i think time would be a. better way to judge the availability of the ride. there is nothing wrong with your idea of including number of people waiting, if you could add wait time it user would get a clearer idea 2. You can add one more screen which has details of individual rides, navigation on how to reach to it and some type of pass which can help user skip the queue

Great design Suvam, it's very light and easy to move through. I know it's popular to show a lot of screens but I would consider not showing the same screen twice. I was confused when I first saw the design because I thought the second row was a different flow. I would also consider removing the gradient from the buttons. I think the purple you have used works really well and the dark gradient pulls from it.

@Ruushabh thank you for the feedback, I only designed the screens based on the purpose of the challenge, but your suggestions are pretty good for designing an app for the amusement park.

You can add the user reviews and ratings for every ride. Also, you can add the rides which are nearest to your current location so that users can navigate more easily.

Hi Amish, The wait timing should be in red color so, it will be more prominent to users.

@Gnaneshwar, Thank you for the feedback. 1. it might look good. 2. Yes, + button will help the user to add the ride to the itinerary. But the purpose of this challenge is to show the waiting time, that's the reason why I didn't design the itinerary page. 3. Yes there should be no wait time inside the green container on the right-hand side screen. Thanks again for taking your time and providing the feedback.

Hi, great idea of splitting the rides based on waiting time which seems to be good solution for the problem statement few suggestions to improve the user experience and making the interface cleaner 1. In the first screen there can be a little more spacing on the inside of the card it feels its little crowded on the left where the image is present. may be you can align it with "No waiting" so it looks more cleaner 2. I'm expecting you have used + for adding it to some kind of to-do list but don't see a way of navigating to it you can add a back button to the first screen so that there can be a home page with to-do list and completed list categories 3. You could have used the same colour scheme for 10min wait time in the second screen ,i mean the yellow used in the first screen to maintain continuity other than these pretty sleek and simple design with good colours

@Amy Thank you for the feedback. Yeah, there should be "No wait time" instead of 10 min.

@Jennifer Thank you for the feedback, The motive for the "mark as completed" button is, that if users completed a ride then they can remove that ride from the waiting time page and the ride will be stacked into a completed section which is located at bottom of waiting time screen. I also get thought of putting 'x' beside the '+' but it looks pretty confusing and congested. Thanks again for taking your time to feedback on my design.

Hi Amish, great job on the color selections for the CTAs/buttons, and the time call outs. My eye is immediately drawn to them and that is perfect for this challenge! I'm curious about the motive behind "Mark as completed". If the ride is completed, would this then remove the card from the lineup? I'm wondering if an "X" next to the "+" might suffice so the options to add/remove are nearby/related. In any case, was just curious! Well done!

Great work 👏🏻 + The wait timing for each ride just pops out. + Icons selections are great - When there is a yellow color used for few minutes wait time why green color is used on 10 mins wait time?

Hi, Pretty simple and clean UI based on the problem statement I have small suggestion you can include the wait time on the ride card itself so that the user need to open each ride to know the waiting time , he can know it by just glancing through the ride cards in the fourth screen

Hi Carere, you did a great job with these screens. The ride details screen is very thorough and appreciate the star rating/reviews as well as the inclusion of favoriting/directions. I think the only part which seems to be different than the rest is the 15% off block without rounded corners per the rest of the UI. That is minor though. Well done!

Hey Jeet! I liked the overall solution which you have come up with this week. I liked that users can see the popular rides and even search for them so this becomes more usable. As a user, I would have loved to see the quick glance of the popular rides so that I don't have to open the card which will save me on putting more efforts. I think you can add things like the distance, ride type etc which I as an user would love to see quickly. Adding to this, I think you can add labels to the icons on the navigation bar and also an option for making a search so I do not have to go to the home screen always if I have to make a quick search. You can also make spacing of the icons on the navigation bar more consistent with the padding on the opposite corners. Coming to the next screen, I loved that users can see pictures of the ride and even see the ratings for it. One change I would like to see is that instead of "Get express now", arelevent CTAs would be to navigate to the place and also add to favourites or add to wishlist which would help users to plan their visit more efficiently. Supporting this feature, along with seeing the live waiting times, I think users would love to see the "usual waiting times' ' prior to their visit which in combination with add to wishlist would make up for a great use case. I don't think there should be a different screen just to see the waitlist for the rides. Instead an explore option would be great where while exploring for suitable rides, users can see waiting times and then make decisions. On the visual part, you have done an excellent job. I love the color combination which you have used. But I would love to have a light mode option because this app will mostly be used in direct sunlight and a dark mode will have the visibility go for a toss.

Hi like few standout features of your design like wait list to maximise the experience of the theme park few suggestions to improve the user experience on the whole 1.The wait list screen can have a filter or sort option to arrange the wait time and distance so that user can find the best ride at that moment 2. In your second screen the wait time part can be aligned to the left side along with krusty island title and description below to make the screen look uniform 3. you can have navigate CTA in place of want to skip line question that enables the use to go to the location of the ride without quick time pass having you can write skip like part above the CTA

On the waitlist screen, you can maybe add an option to filter the rides, on the basis of wait time and distance.

Hi! Great design! It's a great idea to create a waiting list. Imagine that you are in the park and want to find the shortest waiting time. You open your waiting list and try to find one by scrolling the list. Is there any easier and faster way to perform this task? Can you somehow improve your waiting list screen? What do you think?

@Gnaneshwar - Thank you for the helpful and thoughtful feedback - love the suggestions for the wait times color/sizes. Much appreciated!!

Hi, really loved your solution to the problem they way you have used map and list is pretty intuitive few suggestions : There could have been navigation CTA along with book with fast pass it might e difficult at times for the user to find the ride in theme parks spaced over large area with navigation option he can get there as soon as possible The hierarchy used in your cards in second and third screen is little off generally the card title needs to be of higher font size in this case the name of the ride rather than the wait time, wait time can be show as a badge changing colours instead of having same colour the longer it gets you can vary from green to red and description font seems to be little small you can increase it a bit

(Also just noticed the misalignment in my sign up screen - bummer!) 😅

Hi you made an interesting choice going for dark theme and did a good work in managing the colours few suggestions which can help the overall user experience 1. having wait time on the cards in second screen, i think your idea of showing number of people is good but wait time is more beneficial to user. take an instance where a ride has 5 seats and 10 people waiting vs a ride with 10 seats and 15 people waiting though the number of people are more the user might get chance to finish the second ride before the first one as there are more number of seats on the ride 2. you can add navigation in the individual ride screen it helps user to get to the ride quickly 3. there can be small adjustments in spacing the components vertically in the second screen the map, recommendations and the cards are pretty close, can increase the font size by 2-3px for description in first screen

Hi, I really liked the way you use different colors to show the wait time. There are a couple of usability issues I found in it. 1. User needs to click on the ride in order to know the proper wait time. It would be great if you specify the specific time on the home page with the progress bar. 2. It would be great if you added a sorting or filter option on the home page so that users can sort or filter the rides according to their needs or desire. Otherwise, you did a really great job. Keep up the good work.

Thanks for the appropriation ...yeah you are right.. I did mistake in arrangement and yeah I did a filter option in explore screen, as well as you says, it hidden by the home screen so you can't see that.

Hey pretty good design for the challenge. very simple user flow and love the colours One small suggestion if you could have arranged your screens side by side rather than deck style would have given more clearer picture. the idea of navigation seems to be different from the regular one, looks like the directions in some video game love it. Could have added a filter to filter out lowly crowded rides

Hi, the way you laid out your thought process for solving this problem statement is good especially the last two screens These are few suggestions to improve user experience and making the app look cleaner 1. for the cards in the fourth screen the spacing between the cards is not uniform you can have them at equal spacing 2. for the badges used they can be increased in size and you can use contrast checkers available online to check if the colour combination works ( some users might find it difficult with pink and black combination you have used) 3. try aligning the text towards left rather than middle 4.get route button can be your primary button

Hi Sarah You did really well to complete the purpose of the given challenge. I liked the consistent illustration of all the rides. There are a couple of issues which I find from my point of view. 1. The color contrast of the tags (family, adventure,..) on the design is pretty low and hard to read. 2. You can add a sorting or filter option on the wait time page so that users can sort and filter rides according to their need or desire. 3. I believe that the second screen from the left is the home screen. I think there is no need of a back and home button/icon on that screen. Correct me if I am wrong. Otherwise, you did pretty well. Keep up the good work.

Thanks Leo and Gnaneshwar for your reviews, it will help me a lot in future projects..

Hi, well done with your colour scheme and the dark theme. pretty clean design overall. few suggestions : 1. the view details is kind of clickable link so it should be more clear you can use your primary colour yellow for it and increase its size by 2-3 px. that card feels misaligned you can align it with recommended badge to make it look cleaner. 2. third screen looks pretty clean could have included wait time on ride image cards . 3. Overall i feel you could have created one more screen for the challenge with individual ride description , wait time and how to get to it

Also, I forgot to mention that your description of your design doesn't help me understand how you solved the problem. I would consider adding a longer description to describe your process or solution.

You have done a great job using images that draw my attention and set the mood for the app. I would consider using a different color for buttons than yellow because it can be difficult for people to see white text on them. I would also stay away from colored drop shadow with a dark theme just because it calls so much attention. Lastly I would consider adding more padding around the text "Flat 20% for student..." it's so close to the edge of the screen and the image that it looks like a mistake. Good luck with the challenge!

Hi pretty clean design and use of colours. you could have included the wait time on the ride card or in the last screen which has ride description. your design is pretty good for theme park management but the challenge was focused on how to maximise the number of rides taken by the user. so little more focus including wait time for rides would have given viable solution to the design challenge

Hi Amish and Gnaneshwar, thank you so much for your kind feedback, I will take your improval suggestions into consideration :)

Hi , nice use of gradient and kudos for coming up with a viable solution for the challenge few suggestions to improve the overall user experience and look of your design 1. the map you used for theme park is impressive but it feels disconnected from the rest of the screens, you can change the images of the rides to illustrations or icon to match with the map 2 Your third screen solves most of the problem statement . though there is lot of negative space you can either decrease image size of increase the font size of your ride name to make it occupied and look more uniform 3. in third screen you can add navigation button along with your show pass button and move up the wait time and align it with ride title

Hi Sarah, You did really great job accomplishing the purpose of this challenge. This design really helpful to users to find rides according to the wait time. 1. I found one design issue on the 3rd screen from the left, you have forgotten to add the shadow in the navigation bar. 2. On the 4th screen, it would be great if the user can see the number of reviews with the average review. Otherwise, you did a very good job to make the app usable for the given purpose. Keep up the good work.

Thank you for your valuable suggestion Gnaneshwar Reddy

Hey good design to solve the design challenge. it looks like complete package needed for a theme park one small suggestion you could have included the wait time on the cards in all rides screen so that user can get an idea on queue times by just glancing through that screen instead of going into each ride screen Other than that very well composed design solving major issues which a user might face in theme park

Hi very good design thinking to solve the problem, using the slider is something very intuitive few suggestions to improve your design and user experience 1. the badges in the first screen are not aligned properly . 2. try to avoid middle alignment for descriptions. aligning paragraphs to left gives more readability 3.try to use uniform sizes for buttons through out your design for instance the pay button in your tickets screen is very small but the Buy Now button is pretty good . You can use Material.io for specifications of UI components this will help in making design with better user experience

Thank you for your feedback! 😀

Hi Venus, the name ThrillSeekr is awesome! I also like to hear that you did competitor research to help with your design. I really like the images you have used but I would consider using a different CTA "Call to action" button color on the first screen. You CTA should call a lot of attention and right now the button is blue and is getting a bit lost in the image. In the bottom right screen the text and data seems a bit small and hard to read. Lastly, on the top right screen I would consider making the dropdown icon within the fields a light color and smaller. Right now it's pulling more attention than the field name which may hurt usability. I hope this feedback helps!

Hey Sri! This is a really nice solution for this week's challenge. Here are a few inputs I would like to give to your work. 1. Color contrast is bad: It is somewhat hurting my eyes. You can use subtle colors for dark mode. Although I would recommend giving thought to where this app would be mostly used (in this case: outdoors). So a light theme based app would be most appropirate. 2. Size of the texts needs improvement: All the texts you have used seem to be below 14px. 14 is the minimum I think one should use for the body, you can go lower only for edge cases. You can make use of different font sizes for making heading and body more differentiable. For eg: Ride names can be big and bold and the body can be smaller. 3. Needs improvement in Navigation bar: The contrast between unselected state of the bar icons and the bar color is really bad. I cannot see what icons are there on light grey over orange. Maybe try changing the bar color to some dark shade. I also see that there is no home page one can access from the bottom navigation. It is mandatory to have it since bottom navigation is used when the functions of the bar are needed to be accessed throughout the app. In this case, there is no option to return to the home page. Functionality wise, you have done a great job. You need to focus on the visual part as both things go hand in hand to improve the overall user experience.

Hey Lauren I think you have done a good job making a unique experience for users. I would consider trying to reduce the amount of complexity on each page by using less colors and using graphics that don't pull ass much attention. Right now things like gradients in the background pull my eye away from the content I should be looking at. It always helps me to find someone else's design that I like and use a similar color pattern. Hopefully that helps :)

Thank you for your comments, Yana! It will act similar to any booking app. I gave them the available slot and seats on the map and booking screen. So the user can see the real time changing time and slots booked in the app. For example, if another user books 6 seats when the persona is on the map screen, he can see the changing numbers and the other shortest queue will be highlighted. In the same scenario, when the persona is on the booking screen, the persona will see the available slots number will change to 1. I would also suggest the app giving the details about the next slot since the persona ticket has 4 members. So he can choose 2 tickets from the next slot. Thank you!

Hi! I love your solution! It's a great idea to scan tickets in order to avoid the registration process. I would like to draw your attention to one thing. If everyone can book seats by using the app, there will be a different waiting time for this option also. Have you thought about providing a way to check it?

Hi Sara! You have a lot of great content on your screens but I would consider finding a bit more inspiration from more experienced designers. There is a lot of information on the "Rides" screen, consider making each ride larger so that you can have a bit more space between the information. I would also try to break up the. rides by adding a bit more space between each ride. Images can help a lot with design, I personally use a Figma plugin called Unsplash to fill images quickly. This may help you so you don't have blank images in the future. I hope this helps.