TKXS, was founded through a merger between Technekes and XSin. Being a technology-driven B2B services company, TKXS provides demand generation, marketing and sales technologies, and rebate and incentive solutions. TKXS delivers solutions for agriculture, healthcare and manufacturing companies throughout North America.
Responsive website design, UI and visual design, high-fidelity mock-ups, assets preparation, icon design, images selection and images editing
Adobe XD, Photoshop, Illustrator, Google Docs, pen and paper
UX Director, Marketing Vice President, Marketing Manager, UI Visual Designer, Copywriter, and 2 Developers
UI and Visual Designer
I was brought on board to take over the design of the website. The previous designer produced the low-fidelity wireframes and moodboard. I pinpointed important steps the previous designer had missed and optimized the process. I started out by doing research to gain understanding who TKXS and their users are, and to ensure the website was going in the right direction.
Considerate thinking was put into designing the information architecture, grouping and naming of the products, and navigation. The navigation typography hierarchy is designed in a way that communicates the full spectrum of TKXS products. It was given an elegant look and flow for navigation by industry and by solution. The decision not to collapse the vertical product menu is to let the readers see the scope of TKXS capabilities at a glance without clicking when they are on a product page.
Sophisticated, trustworthy, solid, classic, strategic, experienced and corporate are the voicing of the brand and the website.
I worked with the copywriter to ensure the copy works together with the images and layout, and ensure copy delivery. Messaging and contents were crafted carefully to detail TKXS’s extensive technology, platforms, solutions, approach and leadership team. The career page is the most visited web-page historically. Core values, corporate structure, and local community involvement were included to attract prospective employees.
Several design options were explored before narrowing down to one chosen design. Bold sophisticated images were selected to tell the evolving story of TKXS. Large duo tone hero images are used, balanced with touches of TKXS blue, color icons, and the 4-color secondary images to reflect the corporate feel.
Final mock-ups were output using the Adobe XD development tool. The website was engineered within the Hubspot platform. The lead developer was involved at the early stage of the process. We made some slight adjustment in certain elements due to the platform constraints. I worked with the lead developer during final coding to ensure design consistency and visual standards. I stopped after this stage. The QA department took over to perform the testing.
Copyright © 2019 Lai-Kit Chan