Tuesday, October 1, 2013

Portfolio

Below are my best example of listening to user needs while meeting business objectives.

Please click images below:

NHU.edu users are primarily visual as well as most being first time computer/online users. Making the website both functional and easy to use was paramount. For this landing page, I came up with a clean, streamlined look and feel while using the university's color scheme. With my wireframe design, the graphics team then took care of finding or creating icons to fulfill the design requirement. As a team we fine-tuned what icons would be used. I then created the HTML/CSS to prototype for approval and then did the build out to create the final product.
 

Again, NHU.edu users are predominantly visual users. While keeping with the NHU approved color scheme, I created these easy to read class course descriptions and fulfilled the HTML/CSS prototype and web development for the entire course load of the university. Business managers and stakeholders gave the final okay on the design.




The NHU.edu News section was a ground up new design and would be used by a new set of users/persona. Not only would I have the typical NHU visual user, but also media outlets. With this in mind, I envisioned the user persona that would visit this section of the site and designed accordingly. The left hand navigation holds true to the visual assistance of colors and icons as well as giving media-users the info chunk area they need along with the aid of visual differentiation.



After wire-framing some ideas and explaining again that NHU users - almost all Latin - are highly visual, business agreed to a trial run of this design. The results were exactly what I anticipated and thus the design is still in use today. Users want to see what they are looking for. Business wants the users to know by the content given where they are headed. Both sides of the coin were considered and both objectives achieved by this design.

After wireframing and prototyping out the page in HMTL/CSS, Business gave the okay to develop and go live. I especially enjoyed the sole ownership of this process but welcome the opportunity to work with a team toward user/business objectives.

To combine many elements on one page - video, content, images - and keep the design to a minimum was key to this landing page. All landing pages of the NHU website followed in suit to this design. After wireframing and prototyping out the page in HMTL/CSS, Business gave the okay to develop and go live. I especially enjoyed the sole ownership of this process but welcome the opportunity to work with a team toward user/business objectives.