# data[].attributes.body
Final Progression Check (Week 5)

Your Progress:
You are in correct track. Proceeding well in your Mockup Progress work - Well Done!

Next:
It's time to choose one layout for FINAL - then you are done for Padlet group work.

FOR TIMeS (you can do this on Sunday):

1. Everyone (ALL - team leader and members) must go in TIMeS and perform Step 1 and 2 UI Mockup Submission (25%).

2. Everyone (ALL - team leader and members)  must do Peer Evaluation (10%) Submission in TIMeS too.

3. Failing to do both mentioned above in TIMeS will result in failing the group work. So, please adhere yeah?

GRADING:
You will see the grading later in TIMeS after Week 10.

Thank you guys..

# data[].attributes.body
Hey friends! So after looking at the combined layout Emily did, I felt that the Gallery section looks quite plain. So I just did a minor change which was adding the asymmetrical at the side making it look a little different. If you guys like this vers better we can swap the current Gallery section with this new one!

# data[].attributes.body
Hey gals! I've made changes to the Café part and I think it looks much better. Also, I left like white space to kind of separate the pages. Do let me know if you wanna make any changes :D
Have a nice weekend!

# data[].attributes.headline
HOMEPAGE DESIGN LAYOUT [CAFÉ] (Digital) 2.0

# data[].attributes.subject
HOMEPAGE DESIGN LAYOUT [CAFÉ] (Digital) 2.0

# data[].attributes.body
Hi hi, after joining all the pieces together it looked a bit weird. So, I've made a new arrangement for the Café part :)

# data[].attributes.body
Hi all! I've combined all our work together and this is it! Personally, I think something looks a bit off... I would try other layouts for the Café part to see if it looks better! Do let me know if you you have any suggestions or comments! Have a good night :)

# data[].attributes.body
Hey guys! So, when editing I made changes to the initial layout design. I also made a few designs. Do let me know what I could change or add :) Have a nice day!

# data[].attributes.headline
                                 WEB LAYOUT DESIGNING        

# data[].attributes.subject
                                 WEB LAYOUT DESIGNING        

# data[].attributes.body
Since you guys liked the my first original one I made but had a minor problem and suggested me to make the Cafes name a little more prominent, I added like an outline for each words for better visibility! Hope this is better (although it is just a slight difference) :)

# data[].attributes.body
Hi, i made some minor changes. i moved the header down a bit. do let me know if y'all prefer #3 or #4 more :)

# data[].attributes.body
Corrected. Do let me know if its alright :D

# data[].attributes.body
Corrected version. Please let me know if there are changed to be made. TQ

# data[].attributes.body
Hi all, I've designed the last part, please let me know if there are changes to be made. Thanks :)

# data[].attributes.headline
Mockup on Adobe Illustrator of the Homepage (GALLERY section)

# data[].attributes.subject
Mockup on Adobe Illustrator of the Homepage (GALLERY section)

# data[].attributes.body
So here's how I used AI to design the Gallery section! What do you guys think? I tried using a similar colour pallete to Jasmine's home design cover by using a different beige tone so it would compliment eachother.

# data[].attributes.body
Hi guys! Ive made some changes, please let me know if its okay or any other things to change on :)

# data[].attributes.headline
Homepage Design Layout for the GALLERY section

# data[].attributes.subject
Homepage Design Layout for the GALLERY section

# data[].attributes.body
Since we're onto the designing part, I had an interesting idea of displaying pictures of the interior of the cafes as well as their foods on an image carousel! Here's a sketch of my idea

# data[].attributes.headline
HOMEPAGE DESIGN LAYOUT [ABOUT US & CONTACT] 2.0

# data[].attributes.subject
HOMEPAGE DESIGN LAYOUT [ABOUT US & CONTACT] 2.0

# data[].attributes.body
Hey guys, I dont know if you guys want to have a group pic, so I "hid" the group pic in this to give u guys a view of how it'll look like :) Lemme know what u guys think!

# data[].attributes.headline
HOMEPAGE DESIGN LAYOUT [ABOUT US & CONTACT]

# data[].attributes.subject
HOMEPAGE DESIGN LAYOUT [ABOUT US & CONTACT]

# data[].attributes.headline
(FINAL) LOGO mockup on Adobe Illustrator

# data[].attributes.subject
(FINAL) LOGO mockup on Adobe Illustrator

# data[].attributes.body
Hey Jas and Emily, so I tried to create a more alive version of our logo on Adobe Illustrator and it turned out something like this. This is how I made it but if you guys have any other suggested ways of how our logo should look like, feel free to post up your versions of it (AI vers.)

# data[].attributes.body
Progression Check 2 (Week 4)

Well Done in fulfilling Phase 1 Task 2.
- Well Done on Flow chart, logo inspiration and draft, together with the website inspiration.

TO DO:
- Remember to continue with more on group discussion under comment section.
- Proceed to Week 4 (UI Mockups) using software.
- Your Due will be on Week 5

AMENDMENT:
- Please see my comment under the MOCKUP HOME DESIGN EXAMPLE and perform the changes.

Thank you.

# data[].attributes.body
Please let me know if there are other things to work on :)

# data[].attributes.body
This is a draft for our home design.

# data[].attributes.body
https://pin.it/3ynw4rj

# data[].attributes.body
This is what i found and maybe can take reference for our web design.

1. https://pin.it/4vw5na6

# data[].attributes.body
2. This one's called Cafe Francoise

# data[].attributes.body
Since we're doing something about cafes and places, I feel that the fonts shouldn't be too fancy and to hard to read, I mean this is just my opinion.
With that said, I managed to find some free fonts online that we could possibly use as well,
1. This one is called Balthazar font

# data[].attributes.body
Hihi! These are a few font ideas I had in mind for the main titles (home, café's, etc)
If you guys have any other suggestions please do let me know hehe :)

# data[].attributes.body
Progression Check 1 (Week 2)

Well Done guys.....

Things that you may discuss on:
1) Samples of Suitable interface design (what kind of website interface that inspired you..)
2) Samples of Logo design (you may look for some and edit a bit from there for your website)
3) Flow chart creation which due only by end of Week 3.

You can add more detailing as you wish and more discussion in between members needed as you go on yeah? Keep it up!

Very good for now and wait till I check your work again after Week 3 ended.

Thank you.

# data[].attributes.body
1. Get Up! Get Full!
2. Rise and sip
3. Taste that matters
4. Take the best, try the best
5. Wandering fun
Final Slogan : Get UP!, Get FULL!

# data[].attributes.headline
What kind of elements should be added to our page (Guide)

# data[].attributes.subject
What kind of elements should be added to our page (Guide)

# data[].attributes.body
1. Homepage (talk about cafe hopping and why people do it )
2. About- Recommend the cafes we have chose with valid reasons
3. Talk about the benefits and potential downside of the popular spots
4. A gallery of pictures of the chosen cafes

# data[].attributes.body
Hey guys!! So I decided to browse through pinterest for some website inspiration and decided to pin them all under a file at this link:
https://pin.it/7FH7sTJ
Do check it out, it will help us with the overall mood and style we want to choose. Screenshot whichever ones you find interesting  on pinterest or any other design that you prefer and post it up here okieee!
Here's an example of what website layout I added to the pinterest link!

# data[].attributes.headline
Gentle Reminder of our Mock-Up Idea (APPROVED)

# data[].attributes.subject
Gentle Reminder of our Mock-Up Idea (APPROVED)

# data[].attributes.body
Considering that nowadays, many people are hopping into the "cafe hopping" bandwagon trend. Lately, after the Movement Control Order was slightly lifted, with the practice of Social Distancing, the amount of people that visit cafes have significantly increased. People do it for the gram, to be one of the "hipsters'' in town with appealing and decent instagram worthy pictures on their feed to look trendy. With that said, in Kuala Lumpur, eating at cafes has been people’s favourite way of discovering new meals, pastries, coffee and more. However, we all know that not all things that are good to look at will taste appetising and toothsome, it is equally important to have a balance in between both. Hence, we have decided to talk about the Top Five popular cafes in Kuala Lumpur. We will review the cafes carefully and list out only the best from our own opinions based on the cafe’s benefit to their customers. Cafe hoppings has become a very popular pastime so let us guide you to the best cafés in town to kick start your cafe hopping journey for all our cafe hoppers lovers!

# data[].attributes.body
2 Color palette examples

# data[].attributes.body
3. Color palette examples

# data[].attributes.body
Hi ! Shall we proceed to our next discussion? Should our page go for a earthy, aesthetic, clean and minimalist look? I suggest to have white, khaki, touch of light green and pink for our colors. Feel free to suggest more. Thanks!

# data[].attributes.body
1. Doudoubake
2. One half x ilaika
3. Pokok Kl
4. Pulp coffee
5. Wizards at Tribeca Kl

feel free to comment below if you have any other suggestions. ^.^

# data[].attributes.body
Hi! Lets decide on our page title which relates to our theme. Since we decided on cafes, I'm thinking about doing 3 or 5 popular cafes in town. I'll list a few suggestions below.
1. Pinkdoodie (love pink, replaced foodie with doodie haha)
2. cafe sautant ( jumping coffee -- means cafe hopping in French )
3. cafeadvisors (sounds basic)
FINAL NAME : Café Sautant

# data[].attributes.body
Hey guys! We can start brainstorming about our theme here!
Do you guys have anything in mind? Fashion, cosmetics, food or travel maybe??

# data[].attributes.body
this is simple and straightforward, a picture of our coffee and our title!

# data[].attributes.body
Here's the 2nd one!

# data[].attributes.body
So after observing the logos created by you two, I decided to try and combine both elements/suggestion together into 1! I created 2 versions.
Here's the 1st one:

# data[].attributes.body
Hiii, these are the logos I've come up with based on the logos we've picked.
Do let me know if there are changes you wanna make to it ☺ Personally, I think the round one is a bit cramped? Idk hahaha

# data[].attributes.body
Hi friends, Ive sketched our inspired logo. Please let me know what can we change on or any other logo suggestions ^.^

# data[].attributes.body
I loved the way they incorporated the green and brownish colour with this logo. So I thought I'd share it with you guys!

# data[].attributes.body
This one is simple and straightforward that matches with our page. For the font, we could change it when we have decided on it later on.

# data[].attributes.body
I also found a few that I find are quite nice as a logo, we could modify it a bit later on :)

# data[].attributes.body
This is more elegant and aesthetic. Let me know your opinions in the comments. Thanks!

# data[].attributes.body
I personally like this the most!
we can use this as reference and connect our initials "CS" and place our slogan below as referred

# data[].attributes.body
Hi, so ive found a few logo inspirations for us!

We can wrap our title and slogan around our logo for this!