기본 콘텐츠로 건너뛰기

Mini-Brief

Mini-brief was making a scene I like to show by using the website and my movie was Parasite. At first, I was considered between two scenes, peach scene and the line scene. But I chose the first one because I like the background music when the scene starts.

I drew the storyboard and choose the order to show. Drawing storyboard was really helpful to make it real one. I am going to use storyboard on every project. At first, I was going to draw the scene through illustrator but I thought pictures of each scene could be more effective.



 When I do edit photo, it would be great if I just fill colour on cloths.  The reason why I did not colour on the face and skin is it looks zingy/alive. I used background-position:fixed(fix background but others move) and it makes the website more effective.


I did not fill the colour on peach because it is not normal fruit.
I used animation on 'a forbidden fruit' to highlight.

animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in;

0% {
  opacity: 1;
}
50% {
    opacity: 0;
}
100% {
    opacity: 1;
}



I used hover effect and when you hover on the image, you can see where and what did this material used.



I gave shadow every title on each page and draw the think bar under the title








https://minmini.netlify.app/

댓글

이 블로그의 인기 게시물

Feedback and changes

   [ from mid point presentation ]  I asked 4 questions in the midpoint presentation. Which one do you think good/convenient for users to count the number?(on my sketch) - The reward/benefits section will be a good method to get more people using reusable cups - Hi Min! I think the staff one and scanning the qr code is quite convenient. People counting by themselves might mean people cheat and over exaggerate how many times they've used it  Merge 1&2 100% - I'm not sure, I can see the dilemma, merge 1 & 2 would mean people can't exaggerate (would using one qr code that everyone scans in the store better than a sticker, to save paper?), but if people make their own drink then they can't enter the use, so I would say 3 might be the best I guess you could merge 3 and some elements of 2 as having a qr code could remind people to enter their use when they are in the store - I think it's difficult to have users count their uses themselves. It might be best for ho...

Initial Design + Changes

 1. Start Page [initial] [modified] I changed the first page because the initial one was too simple. I want to highlight the main colour of Ncup by using the colour on the background. 2. Login-Sign Up [initial] [modified] I added sign up and sign in button on each sign in and sign up apge. 3. Register cup  [initial] At first, uploading the photo was just optional, and I wanted that users can see the photo before clicking 'done' button. But I got feedback from Armando that it looks more proper on the web, not the app. So I changed the button. [1st modified] I changed like the photo above, like big plus button and cancel button and put 'preview' function. But I did not like it. [final] It is the final design. While modifying the design and function, there were some changes in function. Like it is no more optional to upload the photo of tumblers. Because I thought staff in cafe need to check the tumbler image when they scan it. And I coloured green on the top background. 4...