# data[].attributes.body
COMPLETION of A3 WEB UI

Mark and Feedback can be retrieved from your TIMeS Grade individually.

Well Done & Thank you.

# data[].attributes.body
1. Upload as many mock-ups ✔️
2. Make comments and discuss final mock-up ✔️
3. Final main page mock-up ✔️

Good job everyone in this group. We finished and contributed for our task in making a MOCK UP. The final mock up looks very eye-catching and neat. Thank you all!

Group member
1. Cheong Teih Wing (Jayden)
2. Lee Chong Hon (Jason)
3. Chelsea Wong Qian Sii

# data[].attributes.body
I decide to take out the designs with models since it looks abit cringe hahahaha

# data[].attributes.body
I decided to forfeit the first design and come out with a different design of the promotion and event. Does it looks better?

# data[].attributes.body
This will be a sample on how the header looks like when users interact with it. Some component in the header will have 3 to 4 sections of preview, and users can click into the area they  are interested.

# data[].attributes.body
Here is the 2nd version of the footer mock up. Which one do you all prefer?

# data[].attributes.body
This is the other version for our mock up feature. It features Against Lab, also another Malaysia brand. Comparing version 1 & 2, which you guys prefer?

# data[].attributes.body
This is my feature mock up design. Featuring NERDUNIT, it's a streetwear brand from Malaysia. What do you guys think?

# data[].attributes.body
Hey guys, I come out with a very simple draft from what we discussed just now :) Hopefully this will provide us a clear guide on how to design a mock-up page. Let's work on it!!

# data[].attributes.body
*Click "download" for better view*

# data[].attributes.body
Morning guys! I've come up with a new header. What do you guys think?

# data[].attributes.body
I find a bit weird on my design >.< Send help with suggestions !!

# data[].attributes.body
Hey guys, do you think we should have a model mock up for every our product? I need suggestions bo hohoho =..(

# data[].attributes.body
Hey guys sorry for the long wait. Here is the footer of the mock up page. At first, i personally feel it's a bit empty, but looking at it for several times, is quite neat and clean. So, what do u you guys think?

# data[].attributes.body
This will be the finalize version of the logo ya

# data[].attributes.body
This is the my design for the header. Leave your comment and suggestions!

# data[].attributes.body
Since the majority of us prefer palette 4, so let's use Photoshop to give out a design for our mock-up website.

1. Upload as many mock-ups
2. Make comments and discuss final mock-up
3. Final main page mock-up

# data[].attributes.body
Here are my different color of logo design. I've used the words, "U/N" from our page title, U/NORDINARY.

# data[].attributes.body
Here is a design of my logo and the inspiration is one of the street wear logo called
V-Lone

# data[].attributes.body
As we have planned to have each of us to come out with a logo design, ta da! Here is my logo design based on the isometric concept :D

This logo is designed based on the page title- U/NORDINARY. I took the "U/N" part as the main design of the logo, which also represent the title. The logo is being cut in half, also representing the "/".

# data[].attributes.body
Hey guys :D
I have searched some colour palette based on the chosen colour theme. Do have a look and give some suggestion ya!

# data[].attributes.headline
Phase 1 (Item 1-5): Progression Check and Feedback

# data[].attributes.subject
Phase 1 (Item 1-5): Progression Check and Feedback

# data[].attributes.body
All done for Phase 1, item 1 to 5. Well Done.

# data[].attributes.headline
Phase 1 (Item 6-9): Progression Check and Feedback

# data[].attributes.subject
Phase 1 (Item 6-9): Progression Check and Feedback

# data[].attributes.body
All done for Phase 1, item 6 to 9. Well Done!

YOU ARE DONE FOR PHASE 1 WORK:
Well Done guys, you did well on Phase 1 work and be ready to move on Phase 2 on Week 5 for Homepage Mockup design. For Phase 2 later, remember to make more discussion (by name logging in) by commenting each of the post too.

You guys did very well on the Discussion part this round. Extremely Well Done - Keep it up!

# data[].attributes.body
1. Page Title ✔️
2. Slogan / Tagline ✔️
3. Logo design✔️
4. Color and Concept ✔️
5. Concept / Aim ✔️
6. Flow Chart ✔️

Goodluck 🌻

# data[].attributes.body
Which one would you guys prefer?
Page title
- U/NORDINARY
- TriStreet

# data[].attributes.body
Let's come up with a creative SLOGAN / TAGLINE !

# data[].attributes.body
Here are some other design of my logo with different colour applied :)

# data[].attributes.body
Slogan:
unordinarv or not ordinary.

Explanation:
(FYI, both "unordinary" and "not ordinary" actually comes with the same meaning.)
The word "Ordinary" is us with normal outfit. With normal outfit, we can't see any uniqueness or story behind this outfit.
So when we add the word "un" and "not" means we start to wear different outfit with our own style but not just blindly follow the current trend of street wear.
At the end, we become people with our own style, with own story. We are U/NORDINARY.

# data[].attributes.body
Hey guys, I came out a few design idea for the logo. Of course the design viewed is not the final outcome, it is just for reference purposes :)Do suggest more!
1. 2D (Text)
2. Perspective (Text)
3. Isometric (Graphic)

# data[].attributes.body
We have narrowed down to 3 concepts! Now, is time to choose one from these options!
1. Urban
2. Sporty
3. Retro (Vintage)

# data[].attributes.body
1. An online platform mainly for streetwear consignment, including sneakers, clothes, cap, etc.

2. This is also a one-stop platform, providing a wider option of streetwear for buyers to choose from.

AIM
1. Main purpose - is to benefit both sellers and buyers in the aspect of price and affordability.

2. To promote the sellers’ products and negotiate the best price that satisfies both parties.

# data[].attributes.body
Version 3 | *click to view*

# data[].attributes.body
Version 1 | *click to view*

# data[].attributes.body
Version 2 | *click to view*