U/NORDINARY by CHEONG TEIH WING (JAYDEN)

PAGE TITLE

jcteihwingedu — 2020-04-25 17:47:02 UTC

Which one would you guys prefer?
Page title
- U/NORDINARY
- TriStreet

SLOGAN / TAGLINE

jcteihwingedu — 2020-04-26 04:43:20 UTC

Let's come up with a creative SLOGAN / TAGLINE !

COLOR & CONCEPT

chelseaqiansiiwong1 — 2020-04-26 12:36:50 UTC

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

CONCEPT / AIM

chelseaqiansiiwong1 — 2020-04-27 08:27:01 UTC

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.

WHY This Slogan

lchong2552 — 2020-04-27 08:57:22 UTC

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.

LOGO DESIGN

chelseaqiansiiwong1 — 2020-04-27 13:08:04 UTC

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)

WEBSITE FLOWCHART

jcteihwingedu — 2020-04-29 17:44:30 UTC

Version 2 | *click to view*

DISCUSSION CHECKLIST (Phase 1)

chelseaqiansiiwong1 — 2020-04-30 02:17:27 UTC

1. Page Title ✔️
2. Slogan / Tagline ✔️
3. Logo design✔️
4. Color and Concept ✔️
5. Concept / Aim ✔️
6. Flow Chart ✔️

Goodluck 🌻

WEBSITE FLOWCHART

jcteihwingedu — 2020-04-30 04:17:11 UTC

Version 1 | *click to view*

WEBSITE FLOWCHART

jcteihwingedu — 2020-04-30 04:46:52 UTC

Version 3 | *click to view*

Phase 1 (Item 1-5): Progression Check and Feedback

ivychen_class — 2020-05-03 16:00:40 UTC

All done for Phase 1, item 1 to 5. Well Done.

Phase 1 (Item 6-9): Progression Check and Feedback

ivychen_class — 2020-05-03 16:00:56 UTC

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!

Colour Palette (PHASE 2)

chelseaqiansiiwong1 — 2020-05-05 07:01:04 UTC

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

Logo Design (Chelsea)

chelseaqiansiiwong1 — 2020-05-05 07:03:49 UTC

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 "/".

Logo Design (Chelsea)

chelseaqiansiiwong1 — 2020-05-05 07:14:29 UTC

Here are some other design of my logo with different colour applied :)

Logo design (Jason)

lchong2552 — 2020-05-08 08:45:01 UTC

Here is a design of my logo and the inspiration is one of the street wear logo called
V-Lone

Logo Design (Jayden)

jcteihwingedu — 2020-05-08 09:29:06 UTC

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

PHASE 2 CHECKLIST

jcteihwingedu — 2020-05-12 09:44:08 UTC

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

MOCK UP DESIGN (HEADER)

jcteihwingedu — 2020-05-13 15:17:37 UTC

This is the my design for the header. Leave your comment and suggestions!

Logo (Final)

lchong2552 — 2020-05-15 14:30:11 UTC

This will be the finalize version of the logo ya

MOCK UP DESIGN (FOOTER) - Ver 1

chelseaqiansiiwong1 — 2020-05-16 07:47:08 UTC

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?

Product

lchong2552 — 2020-05-16 16:05:01 UTC

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

Event and Promotion (Featured)- ver 1

chelseaqiansiiwong1 — 2020-05-16 17:23:53 UTC

I find a bit weird on my design >.< Send help with suggestions !!

Mock Up Design (Footer)- Ver 2 (FINAL)

chelseaqiansiiwong1 — 2020-05-17 01:29:39 UTC

Here is the 2nd version of the footer mock up. Which one do you all prefer?

MOCK UP DESIGN (HEADER) - Ver 2 (FINAL)

jcteihwingedu — 2020-05-17 02:42:43 UTC

Morning guys! I've come up with a new header. What do you guys think?

MOCK UP DESIGN (FEATURE) - Ver 1

jcteihwingedu — 2020-05-17 02:50:10 UTC

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

MOCK UP DESIGN (FEATURE) - Ver 2

jcteihwingedu — 2020-05-17 03:04:34 UTC

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?

Mock Up Header

chelseaqiansiiwong1 — 2020-05-17 03:43:13 UTC

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.

Event and Promotion - Ver 2 (FINAL)

chelseaqiansiiwong1 — 2020-05-17 04:43:03 UTC

I decided to forfeit the first design and come out with a different design of the promotion and event. Does it looks better?

MOCK UP DESIGN (PRODUCTS) - FINAL

lchong2552 — 2020-05-17 11:59:57 UTC

I decide to take out the designs with models since it looks abit cringe hahahaha

Draft

chelseaqiansiiwong1 — 2020-05-17 12:28:38 UTC

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!!

MOCK UP DESIGN (FEATURE) - FINAL

jcteihwingedu — 2020-05-17 12:34:35 UTC

FINAL MOCK UP (DESKTOP VIEW

jcteihwingedu — 2020-05-17 12:37:11 UTC

*Click "download" for better view*

FINAL CHECKLIST

jcteihwingedu — 2020-05-17 12:45:11 UTC

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

ivychen_class — 2020-06-09 05:53:21 UTC

COMPLETION of A3 WEB UI

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

Well Done & Thank you.