Touchbase
Technologies

Touchbase Technologies is a leading Unified Communication & Collaboration and automation system integrator with industry leading complimentary divisions that focus on specialized solutions, services and 24/7 technical support.

Client

Touchbase Technologies

Role

UI UX Designer

Duration

1 Month

Tools

Figma, Adobe Illustrator & Photoshop

Year

2024
Touchbase Web Design UI

Context

Overview

Working on the Touch Base website was one of the most rewarding experiences of my career. I had the opportunity to see the project go live at touchbase.co.zw. Collaborating closely with the team, I contributed to defining, developing, and delivering visual designs for a consumer-facing platform. The goal was to redesign the website to give it a more modern look and clearly communicate the company’s technology services to users.

My Role

As the sole designer for the Touchbase project, I was responsible for crafting the UI and UX, rendering layouts. I created frameworks and prototypes to convey the vision, design principles, and content strategy. These deliverables played a key role in conceptualizing ideas, aligning stakeholders, and driving decision-making throughout the project.

Project Brief

The Touchbase Technologies website was originally launched in 2020 and had not been revamped or redesigned since then.

We needed to incorporate a fresh look and feel for touchbase.co.zw, ensuring the design was modern, easy to navigate, and intuitive—without overwhelming the user.

The Challenge: Balancing style with an efficient user experience

The website needed to aesthetically and strategically leverage existing web components and Touchbase brand assets, ensuring a consistent experience across all feature pages.

Ideate

Mind Map

To streamline the redesign of the Touchbase Technologies website, I used a mind map to organize ideas, and structure content.

Starting with ‘Website Redesign’ as the central node, I created primary branches for key areas like User Experience (UX), Visual Design, Content Strategy, and Brand Integration. Each branch expanded into subtopics—under UX, I mapped out user flows, wireframes, and accessibility considerations, while the Visual Design branch focused on color schemes, typography, and imagery.

The mind map helped me visualize the project holistically, identify gaps, and ensure a cohesive user journey. By sharing it during meetings, I was able to gather feedback, foster collaboration, and keep the project aligned with stakeholder expectations. This tool not only improved communication but also accelerated decision-making, allowing the team to see how each element connected to the larger vision.

Design

The final design features a bold, clean layout with dynamic call-to-action buttons and intuitive navigation. A streamlined services section enhances user understanding, while custom illustrations add a personal touch to the brand identity.

Touchbase Website design components

Results

After several rounds of reviews and iterations, I developed the final design for the website that embodies clarity and purpose. The website is fully responsive, offering a seamless experience across desktop, tablet, and mobile devices. Accessible navigation allows users to easily jump between sections, and strategically placed CTAs guide them toward more relevant content.

It has been an incredibly rewarding experience to see the website go live, knowing that it will serve as a valuable resource for new Sense users, providing them with the information they need in an engaging and user-friendly format.

Takeaways

🤝Executing Design-to-Development Handoff

This project provided valuable experience in handing off deliverables for development in a consumer-facing environment. I created a detailed PDF guide with development notes outlining component types and usage. To ensure seamless implementation, I maintained pixel-perfect designs with well-organized layers in the final Sketch file and exported assets using proper naming conventions.

The guide streamlined the development process, enabling the team to localize the page efficiently for the global market and accelerate the launch timeline.