HealthConnect (SI 542)
Category Competitive Analysis, Interface/Interaction Design, Health Informatics, Social ComputingResponsibilities
- Workflow diagram
- Storyboarding/scenarios
- Report writing
MemCatch
Client MemCatchCategory User Interface Design
Responsibilities
- Page layout and Wireframing for usability and design
- Information Design
- Creation of relevant graphics
- Usability analysis of site with a focus on Heuristic Evaluation
- Screencast tutorial
GREENR Usability Analysis (SI 622)
Client GREENR (Product of Gale)Category Usability Analysis
Responsibilities
- Project manager for some stage of the project
- Client Contact
- Report Writing
Walk-it (SI 682 Team)
Category Interface design, Interaction design, contextual inquiryResponsibilities
- Project manager — responsible for setting meeting agenda, managing meetings, and planning stages of the project
- Sketched Lo-FI prototype
- Developed images for Hi-Fi Prototype in Photoshop, which were integrated into final testable mock-up
- Conducted Interviews and User Testing
SI 501 Team — Contextual Inquiry
Client University Unions Event ServicesCategory Contextual Inquiry
Responsibilities
- Meeting Secretary
- Observations and interviewing
- Affinity Diagramming
- Report writing
Financial Aid Guide
Client EMU Financial Aid OfficeCategory Print, Booklet, Information Design
Responsibilities
- Design and Production Specifications with client
- Design and production of pieces
- Creation of charts and graphs
- Image Selection
- Guided project from conception to completion
Midtown Guide
Client Cultural Center Association and WSU MarketingCategory Print, Booklet, Information Design, Maping
Responsibilities
- Combined design concepts selected by client into a cohesive look
- Produced finished piece
- Organized photos, documents and information as it came in from various developers
- Designed and Illustrated map and table
- Worked with writer determinging content
Honors College Package
Client WSU Honors CollegeCategory Print, Identity Package
Responsibilities
- Designed initial concept (folder, search piece and flyer)
- Worked with design team to produce final pieces and the identity guidelines
- Created the 4 brochures and saw them through completion
Admissions Concept - Find yourself in the center of it all
Client WSU Marketing OfficeCategory Print, Identity Package, Information Design
Responsibilities
- Initiated informal researched to determine goals for campaign
- Worked with design team to produce final pieces and the identity guidelines
- Created concept including ‘find yourself in the center of it all’
Admissions Search Piece
Client WSU Marketing and Admissions officesCategory Print, Identity Package, Information Design, Mapping
Responsibilities
- Implemented senior designer’s concept
- Worked with writer on content
- Created Illustrations
- Involved in image selections and print production
Admissions Applications
Client WSU Admissions OfficeCategory Print, Information Design
Responsibilities
- Improved the look and usability of the forms
- Organized color scheme and content changes
- Did all typesetting
Belleville Area Garden Walk Promotional Material
Client Belleville Area Garden Walk CommitteeCategory Print, Identity Package, Information Design, Project Management, Mapping, Photography
Responsibilities
- Worked with committee to determine project needs
- Designed Logo
- Designed and produced all pieces
- Coordianted printing
Belleville Rotary Club Website
Client Belleville Rotary Club CommitteeCategory Web Design, Usability, Information Design, Project Management
Responsibilities
- Met with committee to determine site needs
- Determined site navigation, helped determine content
- Photographed image for header and design site
- Designed function and look of manager
Eagle Discount Card Program Website
Client EMU Marketing OfficeCategory Web Design, Information Design, Web Site Maintained
Responsibilities
- Design simple, updatable site to list current participants in the program
- Developed the site using HTML/CSS
- Maintained ever changing list while worked at Eastern
MarcCabrera.com, personal website
Client Marc CabreraCategory Web Design
Responsibilities
- Designed website including creating or selecting graphics
- Designed text layout on Resume
Project Goals
We are surrounded by heath care data and yet individually feel disconnected from our records and not empowered to take charge of our health. As a multidisciplinary group we proposed a solution with focused on freeing medical data from the confines of a particular doctor’s office or healthcare network, allowing patients, doctors, and third-parties access to data in ways that are currently not possible. Our solution focused on allowing for healthcare device integration into our system and providing a way to share with medical professionals, active management of health records and integrating social network to offer support and encouragement promoting healthy behaviors and connect with other similar patients.
Design Notes
- As a team we analyzed existing systems and their shortcomings
- We devised a strategy to ensure privacy and security, connecting with existing systems/structures (Google health), designed an interface, and planned the evaluation methods we would use to move forward on developing the product.
- The end result of the product was a presentation and written report
- I was responsible for visualizing the workflow and storyboard/scenario and assembling the presentation and report.
HealthConnect (SI 542)
Category Competitive Analysis, Interface/Interaction Design, Health Informatics, Social ComputingResponsibilities
- Workflow diagram
- Storyboarding/scenarios
- Report writing
Skills/Software used
- Omnigraffle, Photoshop, HTML/CSS, Wireframing, Report writing
Project Goals
MemCatch is a social network knowledge sharing platform. It allows users to clip, store, collaborate, and share information generated or found on the web all from one location. I worked on a team with another usability intern to evaluate usability, prioritize and design solutions.
Design Notes
- This is an ongoing internship
MemCatch
Client MemCatchCategory User Interface Design
Responsibilities
- Page layout and Wireframing for usability and design
- Information Design
- Creation of relevant graphics
- Usability analysis of site with a focus on Heuristic Evaluation
- Screencast tutorial
Skills/Software used
- Omnigraffle, Photoshop, HTML/CSS, Wireframing
Project Goals
GREENR is a database portal site focused on providing a variety of reliable and salient documents and articles for a wide range of environmental topics. The main audience is undergrad and graduate students with a small fraction of additional users (librarians, professors and college prep high school students). The goal of the series of usability analysis is to understand how the different types of users search and browse for information and how the site can better serve their needs.
Design Notes
- As a team we have conducted and will conduct the following usability analysis techniques: Interaction Flow, Interviews, Personas and Scenarios, Comparative Analysis, Survey, Heuristic Evaluation, and Usability Testing.
- For each of the methods we compiled a comprehensive report highlighting the findings and the take away goals for improvements.
GREENR Usability Analysis (SI 622)
Client GREENR (Product of Gale)Category Usability Analysis
Responsibilities
- Project manager for some stage of the project
- Client Contact
- Report Writing
Skills/Software used
- Interviews, Interaction Flow, Comparative Analysis, Report Writing
Project Goals
Understand the barriers preventing people from walking, and design an application/web-site that allows users to provide information that will ease or negate some of the barriers to walking and will subsequently result in users walking more frequently.
Designed a mobile application for the Android platform that will allow users to contribute to generating a walkable map. By recording their paths they can see how they are making an impact on the environment and also their wallet, while at the same time contributing to the database of walkable areas. It will also allow for users to search for walkable directions and paths for leisure, which they can save, rank and comment on. The Tag-It feature allows users to add certain types of real-time and contextual information to the maps for added benefit to walkers.
See the project website here : http://sites.google.com/site/walkitproject
Design Notes
- As a team we created, launched, analyzed the survey, did affinity diagramming.
- Individually I conducted 2 interviews, generated a persona and scenario, sketched for the lo-fi prototype, designed hi-fi prototype in photoshop, and conducted user testing.
Walk-it (SI 682 Team)
Category Interface design, Interaction design, contextual inquiryResponsibilities
- Project manager — responsible for setting meeting agenda, managing meetings, and planning stages of the project
- Sketched Lo-FI prototype
- Developed images for Hi-Fi Prototype in Photoshop, which were integrated into final testable mock-up
- Conducted Interviews and User Testing
Skills used
- Contextual Inquiry, Affinity Diagramming, Interviewing, surveying, software design, mobile application design, prototyping, user testing
Clients Goals
To find problems and offer recommendations for workflow in Event Scheduling for 3 physically separate offices but one organization.Design Notes
- Used contextual inquiry process to analyze and find solution for event entry information into enterprise system.
- Analyzed information in current work practice
- Suggested changes to improve workflow
- I conducted one interview, participated in interpretation sessions, modeling and affinity diagramming
SI 501 Team — Contextual Inquiry
Client University Unions Event ServicesCategory Contextual Inquiry
Responsibilities
- Meeting Secretary
- Observations and interviewing
- Affinity Diagramming
- Report writing
Clients Goals
To guide students through the financial aid process, answering typical questions, and be very easy to read and navigate.Design Notes
- Bold headers and photos break up space and move the eye.
- The headers create a clear heirharchy
- The helpful hints boxes call attention to specific notes
- Clean design with a crips and clear hierarchy make it easy to read
- Photos were chosen to highlight the lush campus and strength of students
- Color choices based on University Identity System
Financial Aid Guide
Client EMU Financial Aid OfficeCategory Print, Booklet, Information Design
Responsibilities
- Design and Production Specifications with client
- Design and production of pieces
- Creation of charts and graphs
- Image Selection
- Guided project from conception to completion
Software used
- Photoshop, Indesign, Illustrator
Clients Goals
Get university employees/Students/Alumni to buy housing in the area. Highlighting midtown as a vibrant area to live, close to campus and culture events and venues.Design Notes
- Bands of color on edge create a rhythm to the layout and provide a loation for quick reference information.
- The boxes for each type od information and graphics are treated similarly and could be flexible to accommodate a range of information
- The map really highlighted the proximity of housing options to venues, not simple identifying them on a map
- The table made it easy to compare all of the different features of each/between each other. I worked with the writer determining the content for the table
- The client was very happy, increasing production and then doing a second printing
Midtown Guide
Client Cultural Center Association and WSU MarketingCategory Print, Booklet, Information Design, Maping
Responsibilities
- Combined design concepts selected by client into a cohesive look
- Produced finished piece
- Organized photos, documents and information as it came in from various developers
- Designed and Illustrated map and table
- Worked with writer determinging content
Software used
- Photoshop, Indesign, Illustrator
Personal Goals
For design to be flexible enough for different quantities of information and graphics that would be provided but consistent from page to page.
Clients Goals
- A recruitment package that was flexible for incorporating different elements depending on the students interest
- Use existing logo and colors burgundy and cream as primary with the other university colors as secondary
- Wanted the pieces to feel special, individual attention and reflect the program
Design Notes
- The folder is simple nice heavy stock with the logo raised off of it as the dominant design element
- The presentation of the materials with in the folder was also important (I did not want the search piece which is not very tall to get lost in a pocket) so the search piece and business card have a notched location to hold them in place
- The search piece has the logo die cut from the front and caries the 4 concepts form the logo into the design as each year focuses on one of the four concepts
- The brochures and poster feature large images of students actually working or engaging in the subject of the piece (medicine, pharmacy ect). The program specializes in jumpstarting a student in that program and this is reflected in the imagery
- Colors used are part of the extended university Identity system and each program gets it s own color for easy identification (for the college staff) yet the burgundy of the program stayed dominate
Honors College Package
Client WSU Honors CollegeCategory Print, Identity Package
Responsibilities
- Designed initial concept (folder, search piece and flyer)
- Worked with design team to produce final pieces and the identity guidelines
- Created the 4 brochures and saw them through completion
Software used
- Photoshop, Indesign
Personal Goals
- I wanted to use the logo as a main inspiration
- I wanted the program to appear collegiate, fancier and more formal than general university publications because the students in this program are very elite and competitive
Goals
- Focus on the universities strengths based on my research (Faculty, Alumni success, and being and Urban University)
- Work with existing University Identity standards, word mark, and tagline "world-class education in the real world"
Design Notes
- The focus of the photography was a perspective that the student could envision themselves in the photo and thus at the university
- Photos highlighted individuals, then campus, then the university's place Detroit
- Shows a diversity of students and experiences available at the university
- Tested well in focus groups and its influences can be seen in the final campaign
Admissions Concept -
"Find yourself in the center of it all"
Client WSU Marketing OfficeCategory Print, Identity Package, Information Design
Responsibilities
- Initiated informal researched to determine goals for campaign
- Worked with design team to produce final pieces and the identity guidelines
- Created concept including ?find yourself in the center of it all
Software used
- Photoshop, Indesign
Software used
- Photoshop, Indesign, Illustrator
Clients Goals
Search Piece for prospective undergrads that fit in the new admissions look and prompted students to want to find out moreAdmissions Search Piece
Client WSU Marketing and Admissions officesCategory Print, Identity Package, Information Design, Mapping
Responsibilities
- Implemented senior designer's concept
- Worked with writer on content
- Created Illustrations
- Involved in image selections and print production
Client Goals
- To update the look of the applications to fit the new campaign
- Unique color system to make it easy for staff to grab the correct application, taking into account quantity and printing costs when determining color scheme
Design Notes
- I brought the look in line with the new campaign matching font treatment and header/li>
- Focused on improving usability; line length, spacing, and sequencing of information
- Used smalled number of colors on those with the smallest run to keep costs down
Admissions Applications
Client WSU Admissions OfficeCategory Print, Information Design
Responsibilities
- Improved the look and usability of the forms
- Organized color scheme and content changes
- Did all typesetting
Software used
- Indesign
Goals
- Promotional materials for garden walk that can be updated yearly while still maintaining an identity from year to year
- Photos and text that tease readers to want to see more
Design Notes
- Coordinated colors and design to work with exsisting logo and tagline of the library
- Photos are taken up to a year in advance working with sesaonal conditions
- I try to capture something of each years theme in the design
Belleville Area Garden Walk Promotional Material
Client Belleville Area Garden Walk CommitteeCategory Print, Identity Package, Information Design, Project Management, Mapping, Photography
Responsibilities
- Worked with committee to determine project needs
- Designed Logo
- Designed and produced all pieces
- Coordianted printing
Software used
- Photoshop, Indesign, Illutrator, Aperature
Goals
- Wanted a site that was easy for them to maintain
- Wanted a site that could keep members informed of upcoming events and act as a resource
- Wanted it to reflect the community
- To design manager to be very easy to use and clear on how edits will look
Design Notes
- Photograph that makes up header shows a local landmark
- Focused on designing each page and the presentation of the content
- Designed manager to allow specifics of typography and design to be maintained while allowing clear and easy updating
- Site can be maintained b every member without training as committee position changes yearly
Belleville Rotary Club Website
Client Belleville Rotary Club website CommitteeCategory Web Design, Usability, Information Design, Project Management
Responsibilities
- Met with committee to determine site needs
- Determined site navigation, helped determine content
- Photographed image for header and design site
- Designed function and look of manager
Software used
- Photoshop, Dreamweaver
Goals
- Needed to match existing web standards
- Needed to match existing marketing materials of the program
- To make it easy to view all participating businesses
Design Notes
- Four categories with 2 column structure allowed growth of program while maintained readability
Eagle Discount Card Program Website
Client EMU Marketing OfficeCategory Web Design, Information Design, Web Site Maintained
Responsibilities
- Design simple, updatable site to list current participants in the program
- Developed the site using HTML/CSS
- Maintained ever changing list while worked at Eastern
Software used
- Photoshop, Dreamweaver, Fetch
Goals
- Professional looking site that also reflected a bit of personality
Design Notes
- Site maintained focus on skills and experience
- Design reflects interest in Asian studies without being overwhelming or cheesy
MarcCabrera.com, personal website
Client Marc CabreraCategory Web Design
Responsibilities
- Designed website including creating or selecting graphics
- Designed text layout on Resume
Software used
- Photoshop, Indesign