When I first started working as a designer at Schoolwires in 2011, I was tasked with redesigning our corporate website. It wasn't the first time I had undertaken a project like this, but it was the first one with a heavy mobile focus. As you will see ahead, there were also lots of technical, strategic and sales considerations.

 

Our old site had grown out of its content structure and was built with old technology. We had a new marketing strategy, and on top of that, it was still on our old cms platform. By now almost all of our clients were moved over to the new version. It was time to make the switch for ourselves, too.

Some of the internal processes we used the back end were also archaic and we had split at the seams with marketing needs.

One of those processes was capturing leads. This was typically performed by sales people while on site at conferences using hidden forms. The data was hard to pull down into much of a useable form. The new site would incorporate a marketing automation tool, and we were planning on cutting out conferences almost completely to focus our budget on content marketing. 

 

Another problem that was more obvious was the technology on the front end. We had a flash based carousel that was a pain to update and made the decision to prioritize content constantly difficult with our growing product and service lines.

 

The process to actually redesign started with my request to my director to write down a prioritized bulleted list of content. I gave her what the site currently had to start, and explained my needs from organizing and buy-in from the top down. She took this and spent time cutting through the organization to give me a final order of things. I feel that this was one of the pieces that took that longest in the project and did not surprise me. Organizing a corporate site has proven time and time again to be the toughest part of a redesign for me due to so many groups and approvals. This forces the company to commit to directions on so many levels. Even how we were going to handle social media in our marketing strategy was thought through in detail at this stage.

Once I had a bulleted list, I used that as my site map. I learned about our marketing automation tool options. While we hadn’t committed to a tool yet, understanding our content strategy and how we were going to wrap that around the site structure was crucial at this point. I tried to strike a balance. I knew we had to allow areas for content that was updated frequently, but our products, news and social presence were also important. Inside from the main page was a bit easier, as we were able to dedicate some areas to special topics.

Next, I made some sketches I later turned into Axure wireframes for some top level prototypes. I started with just for mobile. I felt that utilizing the “mobile first” theory made sense for a content heavy site that sold products. I knew that if I got it right on there that the larger version would be even more concise. I presented all wireframe to our CEO one night while she was in our China office early morning, and got some great feedback along with the feeling we were headed the right direction with strong buy-in on our concept.

One of the technical pieces I also helped to decide on and implement was using Vimeo for our video host, as we had internal resources to produce videos. I even helped refresh a lot of old content we had into better formats using InDesign. We made every article in HTML format using an article template by topic, but also into beautiful, web and print friendly downloadable PDFs. We were even able to rebrand a little bit, in terms of type and color which really helped everything work together nicely.

 

Once a few hi res mockups from our team were submitted, we ended up with a really clean design from a colleague. We worked heavily with our product team to build a custom site on our platform in a much more complex way than our system was even meant for and the site sang. The whole project was only about 3 months, with 1 month of development until launch. It launched in March 2012.

 

I integrated the marketing automation tool with our site and designed and launched editable email templates to go along. I installed Google Analytics based on our internal goals as well, and was the go-to for the data reports weekly, which I presented to teams weekly and on an as-needed basis. 

It felt really nice to post our fresh site and content pieces to social media after we had the opportunity to do things thoroughly and beautifully as possibly within the time frame. I set up Hootsuite for others to easily deploy, plan and measure our efforts as well.