{"id":11355,"date":"2024-04-30T01:07:33","date_gmt":"2024-04-29T17:07:33","guid":{"rendered":"https:\/\/asia.wordcamp.org\/2024\/?p=11355"},"modified":"2024-04-30T17:53:14","modified_gmt":"2024-04-30T09:53:14","slug":"the-design-journey-bringing-wordcamp-asia-2024-to-life","status":"publish","type":"post","link":"https:\/\/asia.wordcamp.org\/2024\/the-design-journey-bringing-wordcamp-asia-2024-to-life\/","title":{"rendered":"The Design Journey: Bringing WordCamp Asia 2024 to Life"},"content":{"rendered":"\n

A look back at WordCamp Asia 2024 regarding the design setup and what we created.<\/p>\n\n\n\n

Grand Design and Key Visual<\/h2>\n\n\n\n

Designers in charge: Corey, All members<\/strong><\/h3>\n\n\n\n
\"\"
Global Styles<\/figcaption><\/figure>\n\n\n\n
\"\"
Based Key Visual<\/figcaption><\/figure>\n\n\n\n
\"brainstorming\"
Brainstorming<\/figcaption><\/figure>\n\n\n\n


<\/p>\n\n\n\n

This is where the WordCamp Asia 2024 design team began its journey.
We started moving at the beginning of July and began discussing whether we should make any major changes from the 2023 design.
We thought we could make some adjustments in the direction of changing the colors of the 2023 design.
But the members chose to try a new design, and Witt, the leader of the 2023 design team, gave us the nudge.
So we decided to work on a completely new design.
Local Taiwanese members and members from outside of Taiwan worked together to reconcile their respective images of “Taiwan” and “Asia”.
Local member Albert came up with the idea of a design underlay that would show the people of Taiwan a bright future starting here.<\/p>\n\n\n\n

He also proposed a gradation of colors to represent the diversity of Asia.
The leader, Junko, adopted Albert’s taste. The entire design team came up with gradient-based ideas, and after soliciting input from team leads and others via an anonymous form, Corey finally created the grand design, including the key visuals.<\/p>\n\n\n\n

Featured images<\/h2>\n\n\n\n

Designers in charge: Hend<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

This was an enormous task. This time, the design team only created the design as a template, and Hend from the communications team at Figma was in charge of creating the featured image. The communication team was in control of the submission, so it was great to be able to share the work with the other teams in this way.<\/p>\n\n\n\n

Website Design<\/h2>\n\n\n\n

Designers in charge: Spencer, mimi<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Basic components and template design<\/p>\n\n\n\n

Attendee Badges<\/h2>\n\n\n\n

Designers in charge: Spencer<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n
\"\"
Photo<\/a> by Suzaidee (Dee) \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n\n\n\n
\"\"
Photo<\/a> by Susumu \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n\n

Patterned after the 2023 badges, different gradient designs and color schemes were used to differentiate between the badge types. Something different this year was the use of a QR code that led to the resources page on the website.<\/p>\n\n\n\n

Xingang Booth<\/h2>\n\n\n\n

Designers in charge: mimi<\/h3>\n\n\n\n
\"\"
Photo<\/a> by Chun Yen Liu (Leo Liu) \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n\n\n\n
\"\"
Photo<\/a> by Ryunosuke Kaneko \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n\n\n\n

This year’s key visual is a beautiful but strong gradient, so bringing it directly into the booth background was a bit tough for the sponsors. And, the colors of corporate logos are mostly blue-based. The design was born for this reason. Repeating the same design in a small, side-by-side booth would make catching the eye with only a logo difference difficult, so we used a loop of three patterns.<\/p>\n\n\n\n

Venue Maps<\/h2>\n\n\n\n

Designers in charge: Chelsea<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

I am honored and grateful to be entrusted with such an important task by Junko, despite joining later in the process. It has been a valuable experience for me.
From the initial rough sketches to the final drafts, there were numerous revisions and countless moments of discussion with other teams. The commenting feature on Figma proved to be invaluable during these times, allowing team members to provide suggestions directly on the drafts, which was very helpful and clear. Just before submission, we also had Green from the sponsorship team double-check the sponsor details.The map and main visual elements maintained a consistent tone. Due to the complexity of the map, it was necessary to systematically define certain features, such as sponsor colors and the colors for different venues. During this phase, mimi and Junko provided valuable suggestions on color schemes. Given the limited space available, evenly distributing detailed information for each floor would have overcrowded the layout. Therefore, we scaled the details according to their importance. Junko and other team members also contributed valuable insights to finalize the layout.
It was only later in the process that we realized the website needed a map page to help attendees locate themselves more easily. As the overall map had already been roughly determined by this point, creating additional pages was not too difficult. \u3000TICC Floor Plans<\/a><\/p>\n\n\n\n

Slides for Opening & Closing remarks<\/h2>\n\n\n\n

Designers in charge: Corey<\/h3>\n\n\n\n
\"\"
Photo<\/a> by Suzaidee (Dee) \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n\n\n\n

<\/a><\/p>\n\n\n\n

Photo props<\/h2>\n\n\n\n

Designers in charge: Hui<\/h3>\n\n\n\n
\"\"
Design style and size<\/figcaption><\/figure>\n\n\n\n
\n
\"\"
Photo<\/a> by Suzaidee (Dee) \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n\n\n\n
\"\"
Photo<\/a> by Suzaidee (Dee) \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n\n
\"\"
Photo<\/a> by chiharu nagatomi \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n\n\n\n

Stamp for HelpHub<\/h2>\n\n\n\n

Designers in charge: Junko<\/h3>\n\n\n\n
\"\"
Photo by Junko Nukaga \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n\n\n\n

Digital Screen Signages<\/h2>\n\n\n\n

Designers in charge: Spencer<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"
Photo<\/a> by Chun Yen Liu (Leo Liu) \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n\n\n\n

Swag & Items<\/h2>\n\n\n\n

Designers in charge: All members<\/h3>\n\n\n\n
\"\"
Photo<\/a> by Ryonosuke Kaneko \/ CC BY 4.0<\/a><\/figcaption><\/figure>\n\n\n\n

Sticker and language sticker<\/h3>\n\n\n\n

Designers in charge: Spencer<\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Photo<\/a> by Ryonosuke Kaneko \/ CC BY 4.0<\/a><\/p>\n\n\n\n

Tote bags<\/h3>\n\n\n\n

Designers in charge: Hui<\/h4>\n\n\n\n
\"\"
Design style<\/figcaption><\/figure>\n\n\n\n
\"\"
Final decision<\/figcaption><\/figure>\n\n\n\n