While making my prototype, I started with a base outline of the wireframe structure, including the homepage, settings page, login page, decision page and chatroom. Next, I chose a colour scheme based on my prior research on Traitors and other mobile companion apps which use darker colours for a more serious tone, however over my development as I tested out candy-crush style buttons and couldn’t see a way for them to work with the style I was going for I ended up changing this later to push for a more light-hearted and corporate atmosphere which would be more approachable for users while leaving the mystery aspect to the show.
Button change. Before(left) and after
As I continued development, I used simple rounded squares and circles to block out the empty space. I made a blood drip background asset which allowed me to unify the different pages and I used the darker red as a connection point for switching from the title page to the homepage.
Trying different ideas. Before(left) and after
When designing the mini game icons, I tried to emulate other examples I saw where the game centres around a specific theme, with the one I chose being space. I originally had the game selection page the same as the others with the three options in the middle but later leant more into the space theme with the idea that many kids play games on their parents phones and space is a popular with many kids due to their curiosity in exploration. And with my target demographic being the age people will have young children this works well with my coin features where the coins you recieve from playing minigames can be spent to enter a chance to be on the show.
Another in progress screenshot
(In case embedded figma link has a visual glitch use full screen to fix)
With the chatroom, I used two versions with alternate fixed states for the slide bars so that when hovering over the two sliding bars, it changes to the frame where only that asset can move, creating the effect of two sliding bars as I was struggling to get them to move independently otherwise.
