Matrix Medical Network

Connecting people with the care they need

B2B and B2C – Branding, web design, WordPress integration, user experience design

Overview

Matrix Medical Network needed a total overhaul of their B2C, member facing corporate site as well as their B2B – business facing marketing site. I did an entire rebrand starting with a marketing questionnaire and style tiles to get a better understanding of their different market needs and company goals. I then jumped into doing a user experience exercise and user journey. I created a few flow maps and finally settled on structures for the sites. From here I did the initial wireframing and after a few review cycles started designing each page from scratch in Photoshop and Sketch.

Matrix was great to work with and acted as true collaborators in the creative process. They always provided all the feedback and content in a very organized and thoughtful manner and were open to pushing the boundaries of design in an otherwise traditional field of medical technology. The implementation was done in WordPress and was mostly custom based of off an existing visual composer WordPress framework. After the design and flows had run through QA and responsive testing I added in some CSS animations.

Process

We started with a site flow to organize the page and structure of the site. This gave us a good idea of all the pages that needed to be designed and built and what pages I could create reusable templates for.

For the branding and visual side of things I created a few style tiles to kick off the conversation about look, feel, color, tone and typography. Once this went through a few iterations and team reviews we used the final composite tile to apply to wire-framing and first draft page layouts

Screen Shot 2018-04-24 at 1.18.35 PM

My tasks

  • Wireframes
  • User journey, flow maps
  • Full site design
  • Branding
  • Custom graphic and icon design
  • Photography curation, optimization and editing
  • WordPress plugin installation and configuration
  • Full site design
  • WordPress Integration
  • Responsive design
  • Custom CSS and slider programming
  • Server setup and administration

Matrix Medical and Matrix for me

Matrix_Home
matrix_landing