Trustile is a manufacturer of high-quality, interior and exterior doors for residential and commercial use. They contracted Myplanet for a redesign of the key pages of their website, for which I was responsible for the visual and interaction design.
The final result is a set of pages which better reflects and showcases the quality of their product, along with enhanced usability and a fully-responsive design for viewing on any sized screen
With the site redesign there was a need for an updated visual language. I proposed two initial artboards, each retaining a similar style in-line with the client's vision but executed to subtly evoke different feelings through the application of colour and type.
The final artboard combines elements of each initial concept; we retained usage of an elegant serif typeface but shifted it's focus from primary to secondary. With this change, a sans-serif was needed that would work in large and small sizes. Gibson was chosen for it's legibility at small sizes, as well as it's friendly, geometric appearance in headings. I also updated the way they use their colours to look much more contemporary, and introduced some new typefaces that better align with their brand.
The layout of the website is driven by their goal to show their product photography at large sizes so the user can easily view the details that make their products stand out.
On this screen the user can view all the available details about their selected door and swap between a gallery of technical illustrations and product photography. Below, the user can tab between different customization options available for the product and click the thumbnail to view a larger image.
The modular "content block" nature of the layout translates well to any screen size, maintaining all the same functionality without sacrificing any information present on the desktop version. During development, I assisted developers in ensuring the behaviours of elements were elegant and user-friendly while looking as close to the original designs as possible.
One use case we heard was that employees like to bring up the website on their phone to show potential clients what they can offer, these designs now allow that employee to showcase their products both easier and in a more visually impressive manner than before.
