# data[].attributes.body
Contact us
Privacy

# data[].attributes.body
Team member
Name
Picture
Self-introducing

# data[].attributes.body
It will appear more article once audience tap it.

# data[].attributes.body
For different audience

# data[].attributes.body
For audience search relevant content or article with keywords.

# data[].attributes.body
I used the waffle background and drew the Chocolate  syrup.

Instead for normal menu, I drew a Chocolate parfait as the menu, then placed the menu bar on it.

There's Content of latest article and description of this website too.

Later on, is to introduce our team. With picture, names, and self-introduction.

The bottom we have three social media platform that is able audience to contact us and some rights and disclaimer of the website.

While thinking of a proper structure I search for random brand I can see when I'm sitting on my chair. Then, I search for the brand's website.

# data[].attributes.body
Before that, I used light brown for background. Later on, I felt that just plain brown is too normal and unattractive.

Then, I found a Waffle background on Google and edit a little to make it suitable size for website background.

# data[].attributes.body
https://st2.depositphotos.com/3084689/8353/v/450/depositphotos_83539934-stock-illustration-waffle-background-vector.jpg

# data[].attributes.body
As the theme is chocolate, I was keeping to chocolate. Is a little normal and bored when everything audience look at is chocolate.

I try to use different layer and brightness of brown colour. To present different chocolate. White Chocolate, Milk Chocolate, Dark Chocolate, Hazelnut Chocolate and more.

# data[].attributes.body
I used photoshop to create this rough sketch. Is a little empty but the part of the content can used to placed pictures, words and maybe video.

The upper is header for logo, Slogan and Title. The menu will be just under header.

Next is content, content such as Description of Chocoa Charms, Our team and Disclaimer.

As for the next part will be pictures, informations or story of Chocolate. Such as, history of chocolate, new flavour chocolate that went viral, and other news of chocolate.

Then we have a space for the Team. Group members name,  picture and a little introducing of ourself and the team.

Lastly, is bottom of a website. For audience to contact us, feedback, and other navigation.

# data[].attributes.headline
Rough Sketch of the Structure of Website

# data[].attributes.subject
Rough Sketch of the Structure of Website

# data[].attributes.body
Rough Sketch of how Sorfina designed our website will look like.

We can see that there's a big empty rectangular for header. Which might be used for Logo, Slogan and maybe Menu. Next, we can see there's some empty boxes, which is maybe to put picture of interesting chocolate. In the middle of boxes there's some space for description. Maybe is used to introduce the special of chocolate in the picture.

Next, rough Sketch is different from the other sketch. It has a corner for Logo, a search column, Menu. Next, the empty boxes we see in the sketch might be using for pictures and description.

# data[].attributes.body
I chosen this as Slogan.

I used Gill Sans Regular, as it will be placed under Logo.
So, is better if the font is smaller and keep the main attention on Logo first then only slogan.

# data[].attributes.body
The main font chosen for the web is-Gill Sans Semibold. Is a font that is rounded and friendly.

Gill Sans Regular and Bold will be used when the size and content needed to be a little different.

Didot Regular and Arial Regular will be used in the website too. Depend on different content that needed to let audiences to read. Using Arial will be a easier font for audience to read paragraph and article.

# data[].attributes.body
https://tse2.mm.bing.net/th?id=OIP.Sj9JehgIS47AkQZGBIAVuwHaKX&pid=Api&P=0&w=300&h=300

# data[].attributes.body
https://tse1.mm.bing.net/th?id=OIP.nh97BDA6F_WeAbRkF88AvAHaHa&pid=Api&P=0&w=300&h=300

# data[].attributes.body
https://tse4.mm.bing.net/th?id=OIP._Md9YsJb1MFvhUTgdrCVCAHaEK&pid=Api&P=0&w=280&h=158

# data[].attributes.body
A good slogan is relevant to the theme and to let audience leave deeper impression about a brand, product and other thing.

-A Chocolate a day, Keep the Stress away.
-God make Adam, Chocolate make smile.
-Sharing is Caring, Chocolate is not for Share.

# data[].attributes.body
Think and design a suitable Logo for our Theme.

Using Chocolate as our main Theme, I was thinking to have chocolate in our logo. Then,

# data[].attributes.body
Why we chosen Chocolate as theme and what inspired us?

Thinking what kind of Theme we are suitable and have better understanding in. We then got inspired to do a Chocolate website.

By thinking, in this century the kind of lifestyle people is facing and living in. We used our angle of a student, we had stress facing assignments. We then like to find and consume something sweet. Not because we are hungry or mouth feeling empty. Also we feel stress is reduced and we feel the  positive energy.

As we're living in a modern era of technology. We get to complete task easily with tools and machine. Although we get to live in a better environment and completing all kind of task using different tools,  electronic appliances and  gadgets. However, we still need to face and overcome different pressure and obstacle.

Lastly, we think that the simplest and faster way to increase positive energy and get motivated is to eat Chocolate. Stress is then reduced and stay happy in the mean time.

# data[].attributes.body
To think of a Idea and structure. I check out a few website to see how a proper website look like and what is need to be included.

https://www.nestle.com

https://www.meiji.com

https://sohomattress.inv

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

Your Progress:
Continue to proceed on the homepage mockup layouts and all those items listed to add-on/to do during "Progression Check 3 Week 4" yeah?

Next:
Once you done with a few Mockup Designs, Keep it up and post a final mockup design before the Deadline that we have agreed earlier yeah?

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
Still progressing
Do both of you wanna use different picture for profile picture? or I'll just steal the profile picture both of you used on Facebook?

# data[].attributes.body
I changed the leaves colour to a little brighter green.

# data[].attributes.body
heres some samples by using the idea of the latest logo

# data[].attributes.body
This is lighter and a little brighter.

# data[].attributes.body
Is darker tone.

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

Hello beautiful people,

This is a good start for you to collaborate your group work... Well Done!

Keep that team spirit going and you can refer to my attached list here for Week 1 & 2 task which you need to proceed yeah?

You need to discuss more here by commenting on each post to get marks for that portion yeah? So keep this going...

I will check-in for progression again ...by end of Week 3, more time for you to do your work from now on...

See yeah again.....

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

Hello guys,

Well Done for the previous task (PHASE 1 - TASK 1 and 2) completion.

Good job!

# data[].attributes.body
- rainbow
- cookies
- pastel colors
- chocolates
-colourful baking decorations

# data[].attributes.body
What kind of Categories of content do we "share" on the websites?

There's so many topic and fun fact about chocolate we could share. To let people have better understanding and more information about chocolate.

Try think, one day while you and your siblings eating a box of Mozart chocolate that mommy bought from Austria. Then you remember the article you read about Mozart chocolate. About it was originally know, its history and etc, then you can share the story of Mozart story to your siblings. Won't it be fun?

Hence, we're mainly focus on sharing information of chocolate. Any information relevant to chocolate that can provide to readers that had interest in chocolate.

# data[].attributes.body
This is like sending Chocolate, not only a Love cupid is also a cupid that sent chocolate.

Spreading love and happiness.

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

Hello guys,

Please perform Week 4 PHASE 2 work yeah? Attached with screen shot image as checklist.

Ensure to continue with more discussion between members as you go on.

Also need to to add on this in your padlet page:

Look for more website inspiration sample and post the jpeg images up here.

See yeah again... :)

# data[].attributes.body
-We could share types of chocolate.
-Benefits to human.
-A little about history of chocolate?

# data[].attributes.body
This is a human full of Stress as we can see is red in colour. But then it's covered with chocolate. Like chocolate is calming it down.

# data[].attributes.body
I think is better to keep simple. This will be the last logo I design for Chocoa Charms.