Craftsmanship

Visual identity of RQ49 in action when implemented in the new system. The design creates space separated by lines, and the brand-new custom typeface, explicitly designed for RQ49, conveys the playful mood of the artwork.⁠
View more on our website
https://www.craftsmanship.co/work/brand-refresh-for-the-rq49⁠⁠⁠⁠
Follow Craftsmanship Co. for more projects like this!

Brand strategy and visual identity design for RQ49.⁠⁠
RQ49's new identity format will be fresh, systematic, and effectively aligned with communication across various channels. This improvement in the identity system will help preserve and continue the brand's longstanding history, ensuring its longevity in the area for years to come.

,

Craftsmanship and Deltatype designed the new font for RQ49, inspired by the shape of the racquet. The writing style is based on large markers representing bold and extended looks. The unique font stem blends in the loopless style typeface.
The initiative aims to enhance communication with a diverse user group by developing a custom typeface for the organisation. Its primary objective is to improve communication with the local population, specifically focusing on Thai language communication. The initiative seeks to uphold aesthetic appeal and organisation while minimising communication errors within the identity system.
,

The Racquet Club ได้ถือกำเนิดขึ้น โดยมีจุดประสงค์ในการสร้างสนามกีฬาแรคเก็ตที่สามารถเข้าถึงได้ง่ายสำหรับผู้อยู่อาศัยในย่านสุขุมวิท 49 ด้วยความตั้งใจที่มีมาตั้งแต่ปี พ.ศ. 2515 นำมาสู่อัตลักษณ์ใหม่ของ "RQ49"
แบบอักษร RQ49 Energetic หยิบยืมโครงสร้างของไม้แรคเก็ต ผสมกับลักษณะการเขียนที่มาจากวัสดุการเขียนขนาดใหญ่ ทำให้แบบอักษรแบบไร้เชิงฐาน (Sans Serif) ที่มีความกว้างอยู่ระหว่าง normal - extended ทำให้เหมาะสำหรับการนำไปใช้แบบ type play ที่ต้องการให้ตัวอักษรเป็นส่วนหนึ่งของกราฟิก ที่นำไปใช้ในการสื่อสารในช่องทางต่าง ๆ
,

อีกหนึ่งวิธีที่สามารถนำเสนอแบรนด์ สร้างการรับรู้ วิสัยทัศน์ หรือผลิตภัณฑ์และบริการได้ดี

ใช้ Social Media เป็นช่องทางในการสื่อสารกับกลุ่มเป้าหมายตามช่วงเวลา
ใช้ Sales Page / Landing Page / Website เป็นหน้าร้านและยังเป็นจุดเริ่มต้นของการต่อยอดเว็บไซต์ให้มีประสิทธิภาพมากยิ่งขึ้น

อ่านเพิ่มเติมได้ในเว็บไซต์

Sales Page ที่สร้างคุณค่า: การพัฒนาแบรนด์ในยุคดิจิทัล - News ในยุคดิจิทัลที่ทุกสิ่งเคลื่อนไหวอย่างรวดเร็ว เราต้องการเครื่องมือที่ไม่เพียงแค่ทำงานได้ดี แต่ยังสามาร....

ประกาศรายชื่อสตูดิโอและนักออกแบบที่ได้รับสิทธิ์ส่งผลงานเพื่อเข้าร่วมประกวดเวที Golden Pin Design Award 2024 ฟรี!
1. Suphasidh
2. Anonym
3. Oriental Studio
4. JUTI architects
5. Mooque Sarunphon
6. Storiesofsilver
7. Tastespace.co
8. PDM BRAND
9. Ankul Design Object (Phayanchana)
10. ativich
11. pbm
12. Alkhemist Architects
13. WOS Architects
14. niiqshop
15. Teechalit Architect
16. Wishulada
17. Space Story Studio
18. Craftsmanship
19. SpaceEdition
20. ARN Creative Studio
21. Mflex factory
22. Studiotofu
23. IO
24. Shma Company Limited
25. PINP.Terrace
โดยสามารถส่งอีเมลเพื่อติดต่อขอรับโค้ดสำหรับการสมัครได้ที่ [email protected] ภายในวันที่ 31 พฤษภาคมนี้ รายละเอียดเพิ่มเติมติดต่อ +6689 165 8130
คู่มือการส่งผลงานhttps://goldenpin.org.tw/uploads/download_item/download_file/67/Golden_Pin_Design_Award_2024-Registration_Guidelines_TH.pdf
สำหรับใครที่พลาดโอกาสในรอบแรกอย่ารอช้า เรายังมีโค้ดให้สำหรับอีก 5 ผลงาน! โดยสามารถส่งลิงก์รายละเอียดของผลงานที่จะส่งเข้าประกวดและข้อมูลบริษัทหรือเจ้าของผลงานมาที่ [email protected] ภายในวันที่ 31 พฤษภาคมนี้เช่นกัน
_
金點設計獎 Golden Pin Design Award 台灣設計研究院 TDRI

คราฟส์แมนชิพร่วมกับสภาสถาปนิกจัดทำซอฟท์แวร์อินเตอร์แอคทีฟสำหรับจอแสดงผล เพื่อใช้ในการแสดงข้อมูลที่สำคัญของสภาสถาปนิก⁠⁠
Interactive Kiosk design for the Architecture Council of Thailand.⁠⁠
At Architect'24, we design user interfaces and make software accessible to users. This helps users access information about their regulations and more.

Interactive Kiosk design for the Architecture Council of Thailand.⁠⁠
At Architect'24, we design user interfaces and make software accessible to users. This helps users access information about their regulations and more.

ความคิดสร้างสรรค์ และการออกแบบเว็บไซต์มหาวิทยาลัยกรุงเทพ

Design Note:
เบื้องหลังของเว็บไซต์มหาวิทยาลัยกรุงเทพ ไม่ได้มาจากการเลือกธีมสำเร็จรูป แต่เป็นการเริ่มต้นจาก vision ของผู้บริหาร ซึ่งนำไปสู่ position ของเว็บไซต์ในรูปแบบก่อนหน้าที่สัมพันธ์ในทุกมิติ เมื่อเปรียบเทียบกับเว็บไซต์ของมหาวิทยาลัยอื่น ๆ

ด้วยจำนวนหน้าที่จำลองมากว่า 600 หน้า และปริมาณของข้อมูลที่มีอยู่ก่อนหน้า การทำเว็บไซต์ใหม่ไม่ใช่เรื่องง่าย และการจัดระเบียบข้อมูล การนำเขา และการถอดออกก็เป็นเรื่องที่ยากไม่แพ้กัน คราฟส์แมนชิพ จำลองรูปแบบของเว็บไซต์ในปริมาณมาก เพื่อให้เกิดความแม่นยำมากที่สุด

รวมถึงการจัดระเบียบข้อมูลใหม่ ทำให้กระชับในบางส่วน ทำให้ชัดเจนในบางส่วน รักษาการ scroll ของหน้าจอ พอ ๆ กับการขยายพื้นที่ให้มีอากาศหายใจ

หรือแม้กระทั่งในด้านของ technical และความเป็นไปได้ของการพัฒนาเว็บไซต์ เราออกแบบเลเอ้าท์เพื่อให้มีความยืดหยุ่น แต่ก็สอดรับกับระบบการจัดการข้อมูลเดิมที่ใช้อยู่ก่อนหน้า เพื่อช่วยให้เว็บไซต์มี dynamic ที่ดี

ในขณะที่ประสบการณ์การใช้งาน (user experiences) มีการเลือกใช้แบบอักษรด้วยความจำเป็น แต่ก็ยังให้ความสำคัญในการตั้งค่าเพื่อให้อ่านได้ง่าย การเลือกใช้สี และการไล่ระดับ และการสร้างความเปรียบต่าง (contrast ratio) เพื่อให้เกิดการอ่านได้ง่าย

ด้านการออกแบบ (design) มีการออกแบบระบบอัตลักษณ์ (design system) สำหรับเว็บไซต์ และการจัดการใน state ต่าง ๆ เพื่อช่วยให้นักพัฒนาสามารถทำงานต่อได้ง่าย และเป็นข้อดีในระยะยาว หากเว็บไซต์มีการพัฒนาอย่างต่อเนื่อง ระบบอัตลักษณ์นี้ก็พร้อมสำหรับการอัปเดทให้เหมาะสมกับการใช้งานมากยิ่งขึ้น

Bangkok University - News คราฟส์แมนชิพพัฒนาเว็บไซต์มหาวิทยาลัยกรุงเทพใหม่ นำเสนอวิสัยทัศน์ของผู้บริหาร ผ่านการนำเสนอเนื้อหาที่ส....

ยินดีต้อนรับ Unagi Yondaime Kikukawa สู่การทำงานร่วมงานกับ Craftsmanship Co. ในปี 2024 ในด้านการผลิตสื่อ วางกลยุทธ์การประชาสัมพันธ์ สำหรับการตลาดออนไลน์ เพื่อสร้างการรับรู้ให้กับแบรนด์

Unagi Yondaime Kikukawa (Thailand) - Craftsmanship Co. ยินดีต้อนรับ Unagi Yondaime Kikukawa สู่การทำงานร่วมงานกับ Craftsmanship Co. ในปี 2024 ในด้านการผลิตสื่อ วางกลยุทธ์การประชาสัมพันธ์ สำ.....

Throwback! Web design and development for Ruejai Club by SC Asset.

Services:
- Site architecture, Data information, Copywriting, Design, Development, Content Management System, Deployment and Site Maintenance.

What to know more? Contact us!
https://www.craftsmanship.co/contact

ออกแบบและจัดทำเว็บไซต์ให้กับมหาวิทยาลัยกรุงเทพ พัฒนาโครงสร้างการเข้าถึงข้อมูลเว็บไซต์ จัดทำระบบส่วนประสานกับผู้ใช้ และความคิดสร้างสรรค์ที่นำเสนอวิสัยทัศน์ของมหาวิทยาลัยกรุงเทพ
We provide creative direction, design systems, and overhaul site and page structure for Bangkok University to bring back its identity and vision to life.
Let's talk possibilities.
DM, Email, and call us to set up the meeting!

เราจัดทำตัวอย่างของเว็บไซต์ในแต่ละหน้าเพื่อจำลองการเข้าถึงข้อมูล และรูปแบบการแสดงผลผ่านขนาดหน้าจอที่หลากหลายส่วนหนึ่งของการออกแบบเว็บไซต์มหาวิทยาลัยกรุงเทพ
Over 600 pages across responsive layouts, we visualised every page to simulate content structure. This is a part of our process of designing the new Bangkok University website.

คราฟส์แมนชิพ ออกแบบระบบการใช้งานตัวอักษรเพื่อให้เกิดความสมบูรณ์ในการแสดงผลเว็บไซต์ในทุกขนาด แบบอักษรต้นฉบับที่เป็นอัตลักษณ์ใหม่ของมหาวิทยาลัยกรุงเทพมีความโดดเด่น แต่ด้วยข้อจำกัดในการใช้งานในหน้าจอดิจิทัล แบบอักษรที่ใช้งานสำหรับเว็บไซต์จึงถูกเลือกด้วยความจำเป็นเพื่อช่วยในเรื่องของการอ่าน ในด้านของขนาดสัดส่วนของตัวอักษรมีการทดลองและตั้งค่าสัดส่วนให้แสดงผลได้ในขนาดที่เหมาะสมในทุกอุปกรณ์

The typography system has been designed to meet the consistency of the website layout; the original typeface for the website is unique, and since time has changed, readability has been our priority and limitation. We carefully selected the new typeface to maximise the message and information. We try to match the size and screen ratio for the new Bangkok University Website with the responsive system.

The balance between aesthetics and usability and focus more on colour accessibilities, The Bangkok University Website colour system has carefully crafted the palette based on Web Content Accessibility Guidelines.

Web design, creative direction, and design system for Bangkok University.

Looking for a project like this.
Let's talk!

การสื่อสารที่ต่อเนื่องในทุกช่องทางเป็นดังแคปซูลแห่งความทรงจำ ช่วยสร้างความประทับใจให้ลูกค้าใหม่ และเปิดโอกาสให้ลูกค้าเก่าได้สัมผัสแบรนด์อีกครั้ง ตั้งแต่ครั้งแรกที่เข้าเว็บไซต์ เราจึงนำความต่อเนื่อง (continuity) ของประสบการณ์มาใช้เป็นหัวใจหลักในการเว็บไซต์ของ สมบูรณ์โภชนา (Somboon Seafood) ร้านอาหารเจ้าของรางวัลมิชลิน เพลท ที่ตั้งใจส่งต่อความอร่อยสู่นักชิมรุ่นใหม่ โดยไม่ลืมเสน่ห์ดั้งเดิมที่ถูกถ่ายทอดจากรุ่นสู่รุ่น จากปากสู่ปากตั้งแต่ พ.ศ. 2512

เราร่วมมือกับ PRACTICAL Design Studio ผู้ออกแบบอัตลักษณ์ของแบรนด์ (brand identity) ในการรักษาความต่อเนื่องของภาษาภาพ (visual language) ผ่านองค์ประกอบที่คนรักอาหารคุ้นชิน ตั้งแต่โลโก้ปูสีแดงไปจนถึงวิดีโอเบื้องหลังความอร่อย ผลงานกำกับของ Skanbombomb และระบบการจองโต๊ะอาหารครบวงจรที่เราออกแบบตามเส้นทางของผู้บริโภค (customer journey) เพิ่มความคล่องตัวให้กับลูกค้า ลดโอกาสการสูญเสียผู้ใช้ (drop-off)

อ่านต่อได้ที่ : https://www.craftsmanship.co/casestudies/somboon-seafood

การออกแบบผ่านการแยกส่วน (modular design) เป็นการแบ่งสินค้า (product) เช่น แอปพลิเคชันหรือเว็บไซต์ ให้ออกมาเป็นหลาย ๆ ส่วนตามฟีเชอร์ที่ต้องการ เพื่อการพัฒนาสินค้าที่มีความยืดหยุ่น สะดวกต่อการจัดลำดับความสำคัญ รองรับความต้องการของลูกค้าและความเป็นไปได้ที่หลากหลายในอนาคต มาสำรวจฟีเชอร์บนเว็บไซต์ของร้านเครื่องเสียงไฮเอนด์ เอลป้า ชอว์ (Elpa Shaw) ผ่านบทความนี้ไปด้วยกัน

อ่านต่อ https://www.craftsmanship.co/casestudies/elpashaw

จากแนวคิดการสร้างบ้านแนวตั้ง (home stacking) แบบห้องเปล่า (bareshell) สู่การเล่าอัตลักษณ์ของโครงการ WINDSHELL naradhiwas บนไมโครไซต์ที่แสดงถึงหลักการออกแบบและความตั้งใจของทีมพัฒนา ผ่านหลากหลายมุมมอง ทั้งแนวคิด ภาพ และโลโก้ตัวอักษรที่เชื่อมโยงกันอย่างเป็นธรรมชาติ

อ่านต่อ https://www.craftsmanship.co/casestudies/windshell

เลื่อนไทม์ไลน์ อ่านปรัชญาแบรนด์ กับการนำเสนอที่เน้นประสบการณ์ผู้ใช้งาน

คราฟส์แมนชิพและ SC Asset กับภารกิจเล่าปรัชญาแบรนด์ (brand philosophy) ‘ชีวิตที่ดี มาจากจุดเริ่มต้นที่ดี’ (For Good Mornings) ในรูปแบบเส้นเวลา (timeline) บนเว็บไซต์หน้าแรกที่คอยต้อนรับผู้ใช้งาน (home page) โดยไม่บดบังประสบการณ์ผู้ใช้งาน (user experience)

เราออกแบบอย่างไรให้ใช้งานได้คล่องตัว เลื่อนดูได้เลย

อ่านต่อ https://www.craftsmanship.co/casestudies/sc-asset-brandsite

การวางแผนโครงสร้างเว็บไซต์นั้นมีความสำคัญในระยะยาว ทุกส่วนประกอบ ทั้งความเสถียร ความสามารถในการปรับการแสดงผลเว็บไซต์โดยอัตโนมัติ (responsive web design) และระบบการออกแบบ (design system) ล้วนเป็นสิ่งที่ไม่ควรมองข้าม เพื่อเตรียมพร้อมรับมือขนาดหน้าจอที่หลากหลาย และฟีเชอร์ใหม่ ๆ ที่จะมอบประสบการณ์ที่ดีที่สุดให้กับผู้ใช้งาน ทั้งในปัจจุบันและในอนาคต

อ่านต่อ https://www.craftsmanship.co/casestudies/vespa

ปุ่มยกเลิก… ใช้ CANCEL หรือ DISCARD?

ในปัจจุบัน การออกแบบประสบการณ์ผู้ใช้งาน (user experience) นั้นรวมครบทุกรายละเอียดทั้ง สี ลายเส้น ฟอนต์ หรือแม้แต่ข้อความบนปุ่ม หรือที่เรียกว่า ไมโครก๊อบปี้ (microcopy) กลายเป็นหนึ่งในประเด็นที่น่าสนใจของนักออกแบบทุกคน คำว่า cancel และ discard ที่น่าจะมีความหมายว่า “ยกเลิก” เหมือนกัน จึงเป็นประเด็นที่ต้องพูดคุยกัน ว่า…

ความหมายที่แท้จริงของสองคำนี้ คือ อะไร?

การใช้งานแตกต่างกันขนาดไหน?

เราจะนำมาใช้อย่างไร?

อ่านต่อ https://www.craftsmanship.co/insights/story-behind-the-buttons

Mubien Brands | Infinix Brand refresh We revitalized the visual identity with a unified design system that spanned into different components including a multi-script custom font...