Objective: After Deployment is a military health website that needed a more modern look and feel and the content restructured to be more easily navigated and digested. T2 was looking to improve user base by creating an RWD (Responsive Web Design) site that would attract mobile and tablet users. This was to be the flagship product and all other sites and mobile apps would follow a similar approach.
Solution: Collaboration and communication helped this design come to its final look and feel. Product owners were pleased and were looking forward to working with developers to bring the concept. They found the concept easy to navigate and feel more like an inviting website that was easier to see on mobile devices. I also worked on prototyping web and mobile apps to give developers a visual reference.
Client: After Deployment
My Role and tasks: UX Designer and Lead Designer
User journeys, stories und flows
Defining Design Principles
Design and Style Guide
Evaluation of user feedback
After Deployment is a military health website that assist military personnel find resources and information on things they are struggling with. Creating a mobile design helps with being able to connect soldiers and their families with information and research resources.
I researched similar military websites looking at layout and patterns. I looked for consistency in the design. Researching what color palettes military personnel adapt too. How the information was distributed and what were the "Calls to Action". I worked directly with product owners and subject matters experts, giving them some ideas on different designs and proof of concepts based on research. Designing concepts for both Desktop and Mobile applications.
User Flow and Lo-Fi Concept and Wireframes
Creating a sitemap is useful to see the navigation of the site and establishing the pages and information of the site. This is a basic road-map that can be altered or added to taken away from.
I start every process with notes and quick sketches to evaluate options. Drawing small ideas is helpful when laying things out. I find this helpful when meeting with product owners about concepts and playing around with color palettes.
Proof of Concept
Created a prototype web and mobile apps to give developers an visual reference. Created using Sketch and InVision. Click on Image to launch.