Design our official site

[yakkowu]

According to the conclusion of the weekly meeting(from @nizniz187 's proposal), I started to planning my part.

Here's my ideal design process map, which we can implement or discuss step by step:

• Brand Design
  • The name of the official project
  • Let's create a cute mascot for this project! #26
  • Visual identity
  • Logo
• Define:
  • Main point: W-Components Official Site(HackMD)
  • Sitemap
  • Content
  • Copywriting
  • Documentations
• Design:
  • Wireframe
  • Mockup

[yakkowu]

INFORMATION UPDATE

I have organized & pre-wireframes some progress here, so that everyone can have a good start:

1. Competitive products: overview their website branding page
   → Here's the current Figma file.
   

2. Wireframe v0(Pre-built content and layouts)
   → Here's the current Figma file
   

---

• Pending main points for discussion:

1. The Hero Section

   • I have sorted out several copywriting models from competing products for your reference and thoughts together.
     

2. The Top Features Section

   • At present, I have sorted out a few first:
     • Light‑weight（輕量化）
     • Intuitional（直觀使用）
     • Themeable（主題化，可客製化）
     • Accessible（無障礙）
     • Light and Dark UI（淺色與深色模式介面）
       

[yakkowu]

INFORMATION UPDATE

After the meeting, based on the conclusions of the discussion, here is a list for everyone to start cooperation together:

• Branding Design: @yakkowu
  Branding Design #84
  • Naming
    Conclusion: "W-Components", "W"(For icon)
  • Logo
  • Visual identity
  • Let's create a cute mascot for this project! #26
• Define: @cwpeng @nizniz187
  Collaborate on: W-Components Official Site(HackMD)
  • Hero
  • Features
  • Content
  • Copywriting
  • Sitemap
  • Documentations
• Design: @yakkowu
  • Wireframe:
    The current Figma file
  • Mockup

[cwpeng]

Completed wording of hero section and features.

[yakkowu]

According to the conclusion of the meeting, we(@cwpeng @nizniz187 @yakkowu ) need to re-proposal the wording of hero section, and post it on HackMD, before discussing it at the meeting next week.

Here's our post it are:
→ HackMD

[yakkowu]

INFORMATION UPDATE

We have completed the current version of the homepage copywriting.
Next, wait for the completion of #84 , and then I will start the Mockup design of the homepage.

Here's our post:
→ HackMD

[cwpeng]

Move to website project.