a design portfolio of my creative work.
Design
Social CRM
Overview
As an interaction design intern at Cook Medical, I was given the task to design a mobile CRM application for Cook’s sales representatives. The goal was to design an internal CRM app with a social media twist: utilizing features similar to Facebook, Twitter, and Foursquare.
Design Process
I began this project by conducting several interviews of future users. I interviewed sales representatives and various managers from different business units to discover their current process of keeping track of customers, and difficulties in their daily work life. From these interviews, I learned that keeping track of customers proves difficult, and collaboration between employees needs improvement. With these insights, I began brainstorming various concepts around the problem space using affinity diagraming, personas, and scenarios. From the initial concepts, I created a mid-fidelity prototype using keynote, kenotopia, and an iPad to test iterations of the design on sales representatives.
Final Design
The final design known as IRIS allows sales representatives to easily find information on physicians and facilities. It also allows them to share their interaction history with each physician to other representatives. With geo-location features, the system allows sales representatives in the same district to find one another and connect for discussions, product swaps, or simply to meet for coffee. All in all, the system helps with communication and collaboration between sales representatives of the company.
Responsibilities
Interviews
Secondary Research
Sketching
Prototyping
User Testing
Data Collection
Tools
Personas
Scenarios
Storyboards
Photoshop
Keynote
Keynotopia
Magic Mirror
Challenge
For Erik Stolterman’s Experience Design class, we were tasked to design and prototype an interactive museum exhibit focusing on the user experience.
Goal
Create a museum exhibit that explores the effect of digital technology on the perceptions of reality and self.
Solution
The magic mirror is a museum exhibit that allows visitors to interact with one another and manipulate their reflections. The exhibit includes a projection screen, two cameras, and four pedals that manipulate a user’s reflection. The pedal effects include: delay, reverse, infinity, and upside-down. This design was prototyped and tested on students at Indiana University. To see the final design, prototype, and prototype testing, and project process please view the embedded video.
Responsibilities
Research
Prototyping
User Testing
Video Editing
Ideation & Sketching
Body Storming
Tools
iMovie
After Effects
Projector
Google SketchUp
Web Camera
Team
Marie Bautista
Grant Carlile
Joanna Mueller
Ed Rice
Responsive Dog Collar
Problem
A dog is a man’s (or woman’s) best friend. But when it gets dark outside, sometimes its hard to find your best friend. Currently there are lighted dog collars that can be turned on and off, but these are typically very bright and bothersome to dogs when first turned on. Furthermore, sometimes owners tend to turn these collars on early because they do not know when it will get dark out as a safety precaution. The issue with this is that it wastes energy making battery life shorter.
Solution
To remedy this issue, I propose creating a responsive dog collar that is sensitive to the current light conditions. On the collar would be photocell sensors that detect amount of light that is currently being emitted. As the environment becomes darker, the collar would adjust to the environment slowly starting to glow. The darker it is, the brighter the glow. This slow process of lighting the collar will help the dog adjust to the lighting conditions naturally, and prevent wasted energy by only providing the amount of light needed.
Responsibilities
Research
Primary Observations
Ideation & Sketching
3D Modeling
Tools
Rhino3D
Photoshop
Intimate Communication
Problem
Couples enjoy feeling connected, even when they are apart. They show this connection through phone calls and text messages. However, depending on the messages sent, this type of communication can be cute but distracting. Messages such as “Miss you!” or “Love you!” can pull a person away from work, current conversations, or other tasks like driving.
Goal
Create a screenless communication device for intimate communication between couples.
Solution
To solve this problem, I propose creating a screenless interactive neckless to help couples communicate simple messages. Instead of sending a cute text message to a significant other letting them know they are thought of, a user can perform three interactions with the necklace to send three distinct messages:
- “I love you!”
- “Thinking of you…
- Sending a :kiss:
Users simple hold the necklace, rub the necklace, or give the necklace a kiss and their message is either felt or smelt by their significant other.
So why would couples use a necklace instead of a phone to communicate to their sweeties?
- A device that uses senses such as touch and smell can feel more intimate than reading a message on a screen.
- Necklaces are small and easily hidden
- Messages can be received privately without others knowing
- A necklace is not as distracting as texting or calling on a phone. Users can continue with daily tasks without being disturbed.
All in all, a device like this is safer, simpler, and a more intimate way for couples to communicate while apart.
Women in Computing
Challenge
Create and show meaning and form through the use of digital imagery on the topic of diversity.
Overview
For this project, my partner and I decided to focus on gender diversity in the School of Informatics and Computing. As alumni from their undergraduate program, we are aware that the number of men highly outweighs woman in computing classes. This did not change when moving into IU’s HCI/d graduate program; of the 36 students in our cohort, only 6 are women. Using imagery, we wanted to raise awareness of this fact and to show that if nothing is done, we will become a male dominated school and field.
The images displayed above were used for this project.
Responsibilities
Photography
Image Manipulation
Presentation
Tools
InDesign
Photoshop
Team
Marie Bautista
Ginger White
Amazon Review Redesign
Challenge
Re-design the Amazon Mobile application review system for the iPhone.
Goal
Provide a means for Amazon shoppers with smartphones to easily and quickly access the most relevant reviews of a product and view the general reviewer consensus of a product.
Design Process
When first approaching this challenge, our team created two personae and specific scenarios with the personae to reference while re-designing the mobile app. Using these personae, we brainstormed ideas on how to make the user experience more efficient and reliable. Through discussion and research about the current Amazon mobile rating system, we came up with the following issues:
- Too many reviews: This can make it hard for users to choose a specific review to read.
- Reviews not relevant to product: Some users write reviews based on shipping, price, or customer service as opposed to the actual product.
- Most helpful/favorable review is sometimes outdated: Outdated reviews can contain information that is obsolete
We brainstormed and sketched ways to remedy these issues and create a better user experience. Our team decided to focus specifically on redesigning the mobile application to show the most relevant and helpful reviews and information to the user. Bringing relevant reviews brought up questions such as, “How do we know what reviews are most helpful?” Currently Amazon users can rate other user’s reviews of products, however sometimes these reviews are outdated. We wanted to redesign the system to show the most relevant reviews by user rating, date, and by showing reviews by users who have similar purchase histories to the person that is viewing the product.
With these aspects in mind, we sketched then created an interactive paper prototype with poster board, tape, and markers. We tested the prototype on three users. Each user was given a pre-test to determine their previous use with iPhones and the Amazon mobile app, several tasks to determine the usability of our design, and then a post test to find out the user’s feelings and thoughts on our design.
Final Design
In our final design, we modified the customer reviews page to display all information on the screen. We moved text around to save vertical space so users would not have to scroll down in order to find more information on their product. Our biggest change is the tabs area at the bottom of the screen. There are two tabs: the reviews tab, and the pros + cons tab.
The reviews tab allows the user to choose between “Positive Reviews” or “Negative Reviews”. Underneath these buttons is the excerpt box, which will show the first few lines of a review and can be clicked to view the whole review. The review displayed is the “best result” for the user based on a algorithm that takes into account the amount of votes from users that thought the review was helpful, the date the review was done, whether the reviewer has a similar purchase history, and whether the reviewer has a similar wish list to the user. Additionally, users can swipe their finger left or right to view more reviews.
The Pros + Cons tab displays the top three pros and cons as selected by users during the review process. For each pro, a blue “+” icon is displayed with the quality of the product and the amount of users who selected that quality as a positive attribute of the product; cons are displayed similarly, only with a red “-“ icon instead.
Responsibilities
Team Facilitation
Secondary Research
Ideation
Sketching
Prototype Creation
Usability Testing
Presentation
Tools
Personas
Whiteboards
Photoshop
Team
Marie Bautista
Peyman Hosseinzadeh
Brian Oppenlander
Leo Pak
Animation
Future of News
Overview
This stop motion video was made for the IxDA12 Student Competition. The video explains my thoughts on the news, and how technology will impact the news in the future.
Tools
Camera
iMovie
Storyboards
Further Down the Road
Overview
This is an After Effects animation I made for my T361 Motion Graphics class. The animation goes through the story of a girl having a rough day and overcoming her sadness with optimism. The music was done by Brendan Wood.
Tools
After Effects
Adobe Illustrator
Adobe Photoshop
Storyboards
Personal Robot Trainer
Overview
A short animation film created for the T361 Motion Graphics and Animation midterm. The animation is an advertisement for a personal robot that will help encourage you to exercise.
Tools
After Effects
Google SketchUp
Photoshop
Soundbooth
About
I’m naturally a curious person at heart and love to see what makes people tick. What do they want, and what do they need? I like to take this information to create enjoyable experiences that will eventually improve lives.
I love to travel, and consider myself an explorer constantly trying to learn about the world around me. I like to take everything in, and find ways to apply life’s lessons to my work.
As a second year master’s student in the Human Computer Interaction / Design program at Indiana University, I’m hoping to use my last few months in Bloomington to grow as a person, and as a designer. I look forward to applying the skills I have acquired into the real world, and making a real difference through design.
I will be graduating in May 2012 and am currently seeking full time design opportunities.
Resume
Education
M.S. Human Computer Interaction Design
Indiana University | Bloomington, IN | May ’12
B.S. Informatics and Computing
Minors: Business, Telecommunications, Spanish
Indiana University | Bloomington, IN | May ’10
Work Experience
Interaction Design Intern
Cook Medical | Bloomington, IN | May ’11 – Present
- Designed and prototyped an internal mobile CRM application
Associate Instructor for I101, I300, and I400
Indiana University | Bloomington, IN | Aug. ’10 – Present
- Teaching and leading discussions in various Informatics courses
Project Manager Intern
Discover Financial Services | Riverwoods, IL | June ’09 – Aug. ’09
- Managed a team of interns in a project to decommision DFS intranet websites and redesign the main Discover portal website
Peer Leader
Indiana University | Bloomington, IN | Jan. ’09 – Aug. ’09
- Guided two classes in programming Python with approximately 50 students each
- Created and led two weekly class activities dealing with key programming concepts
Research
Tabletop Research Group with Dr. Shaowen Bardzell
Indiana University | Bloomington, IN | Dec. ’10 – Jan. ’12
- Studied the effects of digital and analog interfaces on dominance within designer brainstorms
Student Activities
Mentor
Interaction Design Practice Course | Bloomington, IN | Aug. ’11 – Dec. ’11
- Provided feedback and critique to first year master’s students on interaction design
Timmy Foundation Webmaster
IU Timmy Foundation | Bloomington, IN | Aug. ’08 – Aug. ’09
- Updated and reorganized site content using CSS
Access/Excel Peer Tutor
Indiana University | Bloomington, IN | Jan. ’07 – Dec. ’07
- Assisted in teaching two Access and Excel classes of approximately 40 students each
IUSTV Web designer
Indiana University Student Television| Bloomington, IN | Jan. ’07 – Dec. ’07
- Collaborated with others to create a new design for the IUSTV website
Destructobox Animator
Indiana University Student Television’s Destructobox | Bloomington, IN | Aug. ’06 – Jan. ’07
- Designed backgrounds in a flash based cartoon on IUSTV.
Design Methods
Affinity Diagrams
Card Sorting
Ideation
High Fidelity Prototyping
Low Fidelity Prototyping
Rapid Prototyping
Usability Testing
Storyboards
Scenarios
Research Methods
Contextual Inquiry
Ethnography
Cultural Probes
Diary Studies
Personae
Focus Groups
Artifact Analysis
Interviews
Web Development
HTML
XHTML
CSS
Dreamweaver
Languages
C
Python
PHP
Tools
Photoshop
Illustrator
After Effects
Flash
iMovie
Contact
The best way to contact me is through email. If you have any questions or comments, feel free to send a message to me at marie.c.bautista[at]gmail[dot]com . You can also connect with me via LinkedIn or Twitter.

![]()




























Download PDF Version