ComprePlan

Compreplan provide solutions for life insurance, disability, long term care and annuity. What I did: Project Management, Sitemap, Wireframes, Design, Mockups, Buildout Worked within a design system set with style guides.

Client
ComprePlan
Date
11.18.18
Based In
USA
Scroll Down

The Challenge

This client was relatively clear in communicating their desires from a requirement & UX UI strategy; challenges we faced were coming up on bottle-necks when it came to working with a mass of new content. The stakeholder's were delicate on this and from a visual standpoint we needed to ensure the site felt visually in line with the company & the feel they wanted to deliver. We used reference research and color style guides to hone in on the best display.

The Design Process.

Initial UX

Sitemap - establishing the exact pages that are to be built for the site; both unique pages as well as any templatized pages. A kind of table of contents outlining what pages relate to which content on a website. A sitemap allows users to see the layout of your pages and the order of their hierarchy.

Wire-framing - grey and white simplistic renderings of *unique pages on the site to ensure all content is laid out well and also accounted for. At the design stage, a wireframe allows designers to locate the make-up of the website, where to put what buttons, what colors to use, how the user will interact with content (UX or UI) and how the interface might work.

Visual Design- Creating a suitable color scheme or incorporating the client’s color scheme into the design. Coding the site’s navigation. Designing buttons and other controls for the site. Creating mock-ups of the site for the client’s approval. Fixing any functionality issues, including the removal of “dead links”. Updating and maintaining the site. Making backup files of the site

Following Build Out -

Developing wireframes into real pages on the staging environment to view the draft up to its final rendition. First presentation at a later determined date - followed by 2 rounds of revisions. (limit two rounds of revisions) Web design and web development on WordPress platform and functionality is limited to WordPress plugins; mobile responsiveness *to be done after site has final approval*, test forms, test payments, test product purchasing.

Home page sections