Building a website that is visually appealing while maintaining the needs and goals of a business: The Simply Bits site was one of my favorite projects to be a part of.
Built with the Sitefinity CMS, this website consists of more than 70 pages. Working in a team of four (two developers and two designers), this was a year-long project beginning in 2014. I primarily worked on the visual design elements, UI, site features, technical documentation design/management, template design/management, testing and some light frontend work.
The project started with some experiential mocks, pushing the company’s brand and image to its limits after each alteration. Not only did the structure and style of the website need to be changed, but the perception management of a tech company of this type needed adjusting. What was the best way to visually communicate the goals of a company with a wide variety of interconnected services?
Finding images that best assisted the majority of the company’s complex technical services was a challenge. After days of attempting to use existing stock images and icons, I decided to create a complete icon set for every service and feature of the business. What started as three primary icons became a set of more than 40 icons with three color variations and styles. These new icons were not only restricted to web use, as I also created a consistent brand through-line across marketing materials and technical documentation.
The colors changed from dark, sleek and sincere to a lighter, uplifting, active and cool color scheme. With the new blue, orange, red-orange and varying light, cool greys, visual elements were assigned different levels of hierarchy with color intensity, value and contrast, while avoiding element competition for a clear hierarchical structure. Blue-colored elements were pushed back while white and light grey elements became secondary. The intensity of the orange was then used to push primary elements forward. These colors were maintained throughout all updated technical and marketing documents. A background polygonal geometric pattern was also created for all branding applications.