KEY FEATURES
Website Refresh
Branding Update
WordPress
PROJECT TAGS
All
Technology
TL;DR
We refreshed Solsta’s website in line with their new branding, as well as giving the homepage an updated design to increase industry presence and conversions.
Project Overview
Originally Solid State Supplies, Solsta was undergoing a rebrand, meaning their website needed to be updated to be in-line with the new logo, colours and brand elements like iconography and font combinations.
In addition to updating the website with the new brand elements, we also updated the home page design to be more modern and timeless, removing little-used features and adding a new Featured Highlights section, powered by a custom-built WordPress block.
Who are Soslta?
Solsta is a distributor of semiconductors and related components and modules with a keen, in-depth understanding of the products that they sell.
They pride themselves on the quality that they provide, offering outstanding levels of commercial and technical support to their customers.
Project Brief
Solsta had undergone a brand refresh – complete with a new name, logo and colour palette. While the website needed to be updated to reflect these changes, it was the perfect opportunity to update the design of the site with more contemporary touches too.
Solsta provided full brand guidelines and logo assets following their branding exercise, giving us free rein to propose a refreshed website design while retaining the core structure and functionality of the existing website.
Our Proposal
Collaborating with the client, we proposed: Website updated with logo and colours; Home page updated with new hero image, sliders and image shapes; New footer design in line with industry best practices; Universal styling to be updated with branding, for consistency throughout all pages and posts.
Look & Feel
After analysing the existing logo and branding, we decided to incorporate the recurring circle motif throughout the website design for consistency within the brand. You can see circle shapes used for all of the images, plus rounded corner buttons. Circles were also used to help create separation between sections and even on text underlines and hover effects.
In terms of colour, we identified that for impact the site would benefit from a minimal colour palette in keeping with the red and black shades seen in the logo, with the introduction of pops of LED yellow to draw users’ attention to our main CTAs. A neutral beige shade was selected to add warmth and provide some variation in our backgrounds.
Web Development
Using WordPress, we built a completely custom theme implementing the design we produced for both mobile and desktop resolutions. We also built custom WordPress blocks to make generating beautifully structured pages an easy task going forward.
On the home page, we’ve featured a large ‘hero’ intro featuring an SVG animated logo and images, along with three slides to showcase SDC’s key offerings. Users can click the slide arrows (or swipe on mobile) to see an overview of each service and click through to view more.
We’ve also focused on showcasing case studies, both on the home page and on a top-level page of its own. This allows prospective customers to click through and view real life scenarios and solutions that SDC have delivered.
SDC have a leading reputation in their industry, and therefore we decided to showcase their partner logos and accreditations, allowing them to build trust with customers and increase their brand visibility.
