Thinker's Mode
Category: Development, Design, UI & UX Design
Client: Ethan Kan
Start Date: Nov 08, 2023
Handover: Dec 29, 2023

Build, streamline and evolve together with solution
Introduction: Embark on the transformative journey of Tinker MODE, a visionary platform offering end-to-end semi-custom IoT solutions and Generative AI. This case study highlights how Codieshub, a premier development and design agency, partnered with Tinker MODE to craft a digital presence that reflects innovation, reliability, and cutting-edge technology.
Client Background: Founded in 2014, Tinker MODE, a division of MODE, is a US-based company with a global presence in Silicon Valley, California, and Tokyo, Japan. With over fifty employees, Tinker MODE specializes in providing organizations with semi-custom IoT solutions and Generative AI. Their mission is to empower organizations to seamlessly connect with their data, turning innovative ideas into sustainable solutions.
Challenge: Tinker MODE sought to establish a robust online presence that accurately reflected its innovative solutions, commitment to customer partnerships, and cutting-edge technology offerings. They needed a website that communicated their values and capabilities effectively.
+ Custom Development
+ CMS
+ Responsive Design
+ UI & UX Design
+ JavaScript
+ API Integration

Result: The Tinker MODE website developed by me successfully conveyed the essence of Tinker MODE's values, technological capabilities, and commitment to customer partnerships. The platform became a digital gateway for potential partners to explore Tinker MODE's offerings and initiate collaborations.
Visual and typograpy hierarchy


Font Type: Poppins Visual hierarchy is the principle of arranging elements to show their order of importance. Designers structure visual characteristics—e.g., menu icons—so users can understand information easily. By laying out elements logically and strategically, designers influence users’ perceptions and guide them to desired actions. Users notice larger elements more easily can convert. Regular Medium SemiBold Blod
RegularMediumSemiBoldBold
This Is Text Message Medium Typography Just Amazing Awesome


