TMPLTS provides visual workshop templates for facilitators who use Miro and Mural as their collaboration tools. The mission is to enable everyone to be able to deliver visual workshops and activities in a fun and engaging format.
The company was brand new so the brand and website needed to built from the ground up.
Key requirements were:
- Define the brand and business values
- Create a sitemap and wireframes based on audience use cases
- Write benefit-oriented copy for the whole site
- Design the visuals for each page, incl. responsive behaviours and interactions
- Create a styleguide
- Work with a developer to bring it all to life
Multiple discovery sessions uncovered the company value proposition, defined audience pains and gains, and explored what features and content were needed for the first iteration of the website.
Taking the known features, content and messaging, I was then able to compile a full spread of wireframes that covered each page and scenario.
I produced designs for 16 different pages and templates across the site. The result was a polished and playful brand that communicated the benefits of the product both verbally and visually.
The descriptive pages build up a story about the product, alongside more functional utility pages and legal content.
For the eCommerce products, a filterable grid was needed, alongside several page templates for the different themes and product types.
The checkout flow focused on making it as easy as possible to purchase with a single page form, and multiple payment options. Next steps were clearly outlined in the celebratory payment page.
A design system was created in Figma, allowing for reusable components and styles to support consistency and ease of creating future content.
The TMPLTS website is up and running!
It was incredibly satisfying to work on this from start to finish, and I'm sincerely proud of not only the visual style of the brand, but also the behind-the-scenes process that took the project from A-Z.
.jpg)
I'd love to hear more about what you do and what you're thinking.
.png)
.svg)
I periodically send out updates on what I'm working on, and tips on how to make your own visual experiences come to life.
Join the journey...
✌ No spam, and not too often.
Just some good vibes and thoughts when I think them.
.png)
