UIUUK.IN.UK

After choosing my theme as retro-game, I had two ideas which were SuperMario and Pacman. 1. SuparMario -Super Mario = user -Mushroom and other obstacle/character = companies that collect data It was just an idea so I did not make a storyboard. But it was about getting information by clicking question mark bricks. When the user goes inside of pipe, the user can see the dark side of data usage. 2. PacMan Storyboards above are the first one before second presentation. The first thing I considered was logo between making new logo and adding security and privacy ver. I wanted to show companies the initial letter when the user mouse over the ghosts. And show what data a third party companies collect and why. The main animation is Pacman eats the data to protect his/her data but after feedback from second presentation. I changed my viewpoint. This is the second storyboard that I drew. It is similar to my outcome. The different things with the outcome are that I add mo...

After choosing Pacman as my theme, I watched playing Pacman in order to refer to the website design. 1. Main Page At first, I just put 'Privacy&Security Ver.' on the right lower but it looked not good because I used fan shape of the logo. For Pacman animation, I put them closely and I did not put any speech bubble and text. First, I give the margin each ghost because they were too close. In order to explain to the target audience, I thought it will be great if I put short text on images so I experimented with just white text. But it was hard to see the text. So I gave the border on words and it looks more clear. However, when I gave an animation left to right and following Pacman, it was strange to read in order. Because people usually read the text left to right but the animation is moving left to right and the first ghost nearest Pacman is the yellow one. ( I cannot explain why it is strange But )  I think it would be easier to read if I...

<FIRST PROBLEM> When I do the third page, I wanted to make that Pacman(user) leave marks(data) and ghost(s) is eating/following/tracing Pacman. In order to look like leaving marks, I tried a lot of ways to express. 1. Using JavaScript with Span tag Output Problem - I wanted to give animation effect moving right to left with Pacman, Dots and Ghost(s). But when it does not work well. It worked only once when I recover the website but after it did not work. I was not able to see 11 dots. 2. Using two animation Output ( It is deleted I do not know why) Problem I tried to use two animations but it does not work since I put 'transform' animation after 'content' in 0% and 100% like above. Another problem was I cannot change the size of ghosts.gif. when I use this animation. The problem is that it did not look like Pacman is leaving traces. ----------> Have I fixed it? No I searched loop javascript but it did not work...