I led the re-design of the BizX website in order to more clearly explain what BizX is, to drive more leads and sign ups, to make the website more engaging, and to adhere to our brand's style guidelines.
Click to view the final designs.
After analyzing our Google Analytics over a year I created and presented a report, and I will discuss a few points that stood out.
In addition, I spoke to a few members about their thoughts about our website and the consensus was that the content was too text heavy, the images were not engaging, and that the content was old and repeated.
I first did a lot of sketching to think about all the possible solutions with an open mind, considering the research results. I brainstormed my ideas together with our marketing team as well as getting input from our leadership team. Then, I mapped out user flows through the site and created a sitemap.
Next, I created low-fidelity wireframes using Sketch. I presented this to my lead and did a few rounds of revisions before creating more polished mockups.
The result was high-fidelity UI designs using Sketch. I annotated the designs as well to hand off to our partnering web development team. Some graphic design elements are still shown as placeholders since I moved on from my role at BizX before diving into the visual design elements. Click to view all the PDFs.
I created a UI style guide for the website. This including things like typography, layout, colors image styles and button styles. After all the pages were designed, I annotated each page.
I collaborated closely with our partnering development and design team to write spec and provide necessary direction on the remaining design elements to be created.
Because of the low amount of resources we had and the restricted timeframe on the project, I was not able to do as much user testing as I would have liked before going onto the development phase. This would have been valuable to get member insight as well as get feedback from business owners who have never heard of BizX before.
DOCS CREATED Annotated Wireframes Sitemap User Flow High-fidelity UI Designs
TOOLS USED Sketch Google Analytics