http://www.rebeccabortman.com Rebecca Bortman\'s portfolio Mon, 22 Feb 2010 08:13:02 +0000 http://www.rebeccabortman.com en http://rebeccabortman.com/New-Skin http://rebeccabortman.com/following/rebeccabortman.com/New-Skin Mon, 22 Feb 2010 08:13:02 +0000 Rebecca Bortman\'s portfolio 277066 <img src="http://payload.cargocollective.com/1/0/9295/277066/titles_ns.jpg" width="640" height="74" width_o="640" height_o="74" src_o="http://payload.cargocollective.com/1/0/9295/277066/titles_ns_o.jpg" data-mid="1221432" border="0" align="left"/>This project could probably use the most explanation of any of my work. But in art, like in design, the creator's intention is beside the point, so I will keep this brief. I will tell you that all of these images are composed by photos of the face, mostly my own. They are meant to be familiar and alien, disgusting and beautiful. They were shown at the 2006 Annual "Pittsburgh's Best" show at the Three Rivers Arts Festival Gallery. For more on the show, visit the The Tribune-Review. <img src="http://payload.cargocollective.com/1/0/9295/277066/sk_art1.jpg" width="640" height="408" width_o="640" height_o="408" src_o="http://payload.cargocollective.com/1/0/9295/277066/sk_art1_o.jpg" data-mid="1192615" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/277066/sk_art2.jpg" width="640" height="408" width_o="640" height_o="408" src_o="http://payload.cargocollective.com/1/0/9295/277066/sk_art2_o.jpg" data-mid="1192616" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/277066/sk_art3.jpg" width="640" height="408" width_o="640" height_o="408" src_o="http://payload.cargocollective.com/1/0/9295/277066/sk_art3_o.jpg" data-mid="1192619" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/277066/sk_art4.jpg" width="640" height="408" width_o="640" height_o="408" src_o="http://payload.cargocollective.com/1/0/9295/277066/sk_art4_o.jpg" data-mid="1192620" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/277066/sk_art5.jpg" width="640" height="408" width_o="640" height_o="408" src_o="http://payload.cargocollective.com/1/0/9295/277066/sk_art5_o.jpg" data-mid="1192621" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/277066/sk_art6.jpg" width="640" height="408" width_o="640" height_o="408" src_o="http://payload.cargocollective.com/1/0/9295/277066/sk_art6_o.jpg" data-mid="1192622" border="0" align="left"/> http://rebeccabortman.com/B-Movie http://rebeccabortman.com/following/rebeccabortman.com/B-Movie Mon, 22 Feb 2010 04:27:35 +0000 Rebecca Bortman\'s portfolio 277060 <img src="http://payload.cargocollective.com/1/0/9295/277060/titles_bm.jpg" width="640" height="74" width_o="640" height_o="74" src_o="http://payload.cargocollective.com/1/0/9295/277060/titles_bm_o.jpg" data-mid="1221435" border="0" align="left"/>In this animation, I experimented with visualizing rhyme. I used found imagery from a 1983 clipart book and a favorite song. I find the end result to be ridiculous and fun in an elegant way. I hope you do too. http://rebeccabortman.com/A-Mystery-of-History http://rebeccabortman.com/following/rebeccabortman.com/A-Mystery-of-History Mon, 22 Feb 2010 04:19:18 +0000 Rebecca Bortman\'s portfolio 277093 <img src="http://payload.cargocollective.com/1/0/9295/277093/titles_dn.jpg" width="640" height="74" width_o="640" height_o="74" src_o="http://payload.cargocollective.com/1/0/9295/277093/titles_dn_o.jpg" data-mid="1220571" border="0" align="left"/> This short was created for a panoramic screen (1:7 ratio) at the Carnegie Museum of Natural History in Pittsburgh. It screened before the theater's feature presentation. For the subject of this short, I wanted to explore a scientific question that has no definite answer yet. The hope was to let younger viewers know that there is still more to discover in the science world. The museum is famous for its dinosaur collection, so a dinosaur question worked perfectly. http://rebeccabortman.com/The-Recycler http://rebeccabortman.com/following/rebeccabortman.com/The-Recycler Mon, 22 Feb 2010 01:37:34 +0000 Rebecca Bortman\'s portfolio 277037 <img src="http://payload.cargocollective.com/1/0/9295/277037/titles_ry.jpg" width="640" height="74" width_o="640" height_o="74" src_o="http://payload.cargocollective.com/1/0/9295/277037/titles_ry_o.jpg" data-mid="1221404" border="0" align="left"/> The Recycler has a long tradition in the classified advertisement business. The company has acquired many other local classified papers over the years. The Recycler hired Mule Design for bring these many classified papers, each with a strong offline following, online and under a unified brand. As a lead designer on this project, I focused on shaping the new visual identity and the information structure of the site. The biggest challenge of this project was creating visual ways to upsell the advertisements without sacrificing the visual appeal of the average ad. This challenge was overcome with thoughtful use of color, iconography, and copy. Visual Concept <img src="http://payload.cargocollective.com/1/0/9295/277037/rc_con1.jpg" width="640" height="901" width_o="640" height_o="901" src_o="http://payload.cargocollective.com/1/0/9295/277037/rc_con1_o.jpg" data-mid="1192870" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/277037/rc_con2.jpg" width="640" height="901" width_o="640" height_o="901" src_o="http://payload.cargocollective.com/1/0/9295/277037/rc_con2_o.jpg" data-mid="1192872" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/277037/rc_con4.jpg" width="640" height="901" width_o="640" height_o="901" src_o="http://payload.cargocollective.com/1/0/9295/277037/rc_con4_o.jpg" data-mid="1192882" border="0" align="left"/> Once the visual direction was agreed on and the wireframes were flushed out, I started building out the set of page templates. Good visual design always exposes gaps in the wireframes. This project involved a lot of collaboration between the interaction designer and myself to finalize the system visually and functionally. Page Templates <img src="http://payload.cargocollective.com/1/0/9295/277037/rc_5.jpg" width="640" height="1005" width_o="640" height_o="1005" src_o="http://payload.cargocollective.com/1/0/9295/277037/rc_5_o.jpg" data-mid="1192869" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/9295/277037/rc_1.jpg" width="640" height="1365" width_o="640" height_o="1365" src_o="http://payload.cargocollective.com/1/0/9295/277037/rc_1_o.jpg" data-mid="1192863" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/277037/rc_2.jpg" width="640" height="1605" width_o="640" height_o="1605" src_o="http://payload.cargocollective.com/1/0/9295/277037/rc_2_o.jpg" data-mid="1192865" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/277037/rc_3.jpg" width="640" height="1164" width_o="640" height_o="1164" src_o="http://payload.cargocollective.com/1/0/9295/277037/rc_3_o.jpg" data-mid="1192866" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/277037/rc_4.jpg" width="640" height="1257" width_o="640" height_o="1257" src_o="http://payload.cargocollective.com/1/0/9295/277037/rc_4_o.jpg" data-mid="1192867" border="0" align="left"/> http://rebeccabortman.com/Fan-Snap-s-Interactive-Maps http://rebeccabortman.com/following/rebeccabortman.com/Fan-Snap-s-Interactive-Maps Sun, 21 Feb 2010 21:36:00 +0000 Rebecca Bortman\'s portfolio 276799 <img src="http://payload.cargocollective.com/1/0/9295/276799/titles_fs.jpg" width="640" height="74" width_o="640" height_o="74" src_o="http://payload.cargocollective.com/1/0/9295/276799/titles_fs_o.jpg" data-mid="1220453" border="0" align="left"/>There are many ways to find event tickets online. The ticket search engine, Fan Snap differentiates itself in this space with unique ticket-finding features. The start-up hired the design consultancy, Mule Design to make their site as visually compelling as it is helpful. Finding a Ticket on an Interactive Map<img src="http://payload.cargocollective.com/1/0/9295/276799/fs_map.jpg" width="640" height="534" width_o="640" height_o="534" src_o="http://payload.cargocollective.com/1/0/9295/276799/fs_map_o.jpg" data-mid="1192974" border="0" align="left"/> As the visual designer on this project, I faced the challenge of creating a flexible visual language that held up through multiple variations on the search experience. In the ideal search, Fan Snap has an interactive map with tickets filterable from a multiple sellers. This is when the visual language is in full force. Other times, the map isn’t interactive or there is no map at all. In all cases, the visual system must be fully thought out so the user can enjoy the task at hand—finding the perfect seat for the next game or concert. The Flexible Visual Language at Work <img src="http://payload.cargocollective.com/1/0/9295/276799/fs_events.jpg" width="640" height="817" width_o="640" height_o="817" src_o="http://payload.cargocollective.com/1/0/9295/276799/fs_events_o.jpg" data-mid="1192965" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/276799/fs_list.jpg" width="640" height="534" width_o="640" height_o="534" src_o="http://payload.cargocollective.com/1/0/9295/276799/fs_list_o.jpg" data-mid="1192967" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/276799/fs_filters.jpg" width="640" height="534" width_o="640" height_o="534" src_o="http://payload.cargocollective.com/1/0/9295/276799/fs_filters_o.jpg" data-mid="1192966" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/276799/fs_dialog.jpg" width="640" height="534" width_o="640" height_o="534" src_o="http://payload.cargocollective.com/1/0/9295/276799/fs_dialog_o.jpg" data-mid="1192964" border="0" align="left"/> http://rebeccabortman.com/Care-for-PA http://rebeccabortman.com/following/rebeccabortman.com/Care-for-PA Sun, 21 Feb 2010 21:21:28 +0000 Rebecca Bortman\'s portfolio 276770 <img src="http://payload.cargocollective.com/1/0/9295/276770/titles_cp.jpg" width="640" height="74" width_o="640" height_o="74" src_o="http://payload.cargocollective.com/1/0/9295/276770/titles_cp_o.jpg" data-mid="1221428" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/9295/276770/c4pa_final.jpg" width="640" height="538" width_o="640" height_o="538" src_o="http://payload.cargocollective.com/1/0/9295/276770/c4pa_final_o.jpg" data-mid="1192956" border="0" align="left"/>While working at Mule in San Francisco, I had a opportunity to work on a project focused on the health of my home state—Pennsylvania. My favorite part of this project was capturing the tone of the organization and helping them develop their brand identity. In dealing with healthcare, it's a delicate balance between friendly and warm and professional and authoritative without becoming stuffy or predictiable.Above is the chosen visual solution and below are the other visual solutions I explored to capture the organization's state-specific tone and balanced brand. Other Visual Concepts <img src="http://payload.cargocollective.com/1/0/9295/276770/c4pa_green.jpg" width="640" height="538" width_o="640" height_o="538" src_o="http://payload.cargocollective.com/1/0/9295/276770/c4pa_green_o.jpg" data-mid="1192929" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/276770/c4pa_photo.jpg" width="640" height="538" width_o="640" height_o="538" src_o="http://payload.cargocollective.com/1/0/9295/276770/c4pa_photo_o.jpg" data-mid="1192934" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/276770/c4pa_yellow.jpg" width="640" height="538" width_o="640" height_o="538" src_o="http://payload.cargocollective.com/1/0/9295/276770/c4pa_yellow_o.jpg" data-mid="1192957" border="0" align="left"/> http://rebeccabortman.com/My-First-Earthquake http://rebeccabortman.com/following/rebeccabortman.com/My-First-Earthquake Tue, 16 Feb 2010 01:08:01 +0000 Rebecca Bortman\'s portfolio 268341 <img src="http://payload.cargocollective.com/1/0/9295/268341/titles_mf.jpg" width="640" height="74" width_o="640" height_o="74" src_o="http://payload.cargocollective.com/1/0/9295/268341/titles_mf_o.jpg" data-mid="1220502" border="0" align="left"/> Having a band is a very fun (and very big) design project. <img src="http://payload.cargocollective.com/1/0/9295/268341/MF_band.jpg" width="639" height="365" width_o="639" height_o="365" src_o="http://payload.cargocollective.com/1/0/9295/268341/MF_band_o.jpg" data-mid="1154117" border="0" align="left"/> Experiencing my first earthquake during our first band practice in 2006 inspired me to front and art direct the indie-rock band, My First Earthquake for 5 years. After 2 albums and 2 EPs, 44 shows, 37 videos, and countless wonderful times, the members of My First Earthquake all decided to pursue other projects. I loved developing this rock & roll visual style and look forward to make next musical endeavor. Indie Rock Collateral <img src="http://payload.cargocollective.com/1/0/9295/268341/MF_site.jpg" width="640" height="873" width_o="640" height_o="873" src_o="http://payload.cargocollective.com/1/0/9295/268341/MF_site_o.jpg" data-mid="1154124" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/9295/268341/MF_album3.jpg" width="640" height="640" width_o="640" height_o="640" src_o="http://payload.cargocollective.com/1/0/9295/268341/MF_album3_o.jpg" data-mid="1154115" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268341/MF_album4.jpg" width="640" height="640" width_o="640" height_o="640" src_o="http://payload.cargocollective.com/1/0/9295/268341/MF_album4_o.jpg" data-mid="1154116" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/9295/268341/MF_album1.jpg" width="640" height="640" width_o="640" height_o="640" src_o="http://payload.cargocollective.com/1/0/9295/268341/MF_album1_o.jpg" data-mid="1154113" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268341/MF_album2.jpg" width="640" height="640" width_o="640" height_o="640" src_o="http://payload.cargocollective.com/1/0/9295/268341/MF_album2_o.jpg" data-mid="1154114" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268341/MF_poster1.jpg" width="640" height="820" width_o="640" height_o="820" src_o="http://payload.cargocollective.com/1/0/9295/268341/MF_poster1_o.jpg" data-mid="1154118" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268341/MF_poster2.jpg" width="640" height="820" width_o="640" height_o="820" src_o="http://payload.cargocollective.com/1/0/9295/268341/MF_poster2_o.jpg" data-mid="1154119" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268341/MF_poster3.jpg" width="640" height="820" width_o="640" height_o="820" src_o="http://payload.cargocollective.com/1/0/9295/268341/MF_poster3_o.jpg" data-mid="1154122" border="0" align="left"/> http://rebeccabortman.com/About-Face http://rebeccabortman.com/following/rebeccabortman.com/About-Face Mon, 15 Feb 2010 23:56:18 +0000 Rebecca Bortman\'s portfolio 268167 <img src="http://payload.cargocollective.com/1/0/9295/268167/titles_af.jpg" width="640" height="74" width_o="640" height_o="74" src_o="http://payload.cargocollective.com/1/0/9295/268167/titles_af_o.jpg" data-mid="1221395" border="0" align="left"/> About Face: The Essentials of Interaction Design has be called the interaction design bible. I was very fortunate to design and illustrate the third edition. It’s brimming with complex information graphics and explanatory illustrations that I designed to fit into a clean and elegant visual style. <img src="http://payload.cargocollective.com/1/0/9295/268167/AF_book_cover_3.jpg" width="400" height="600" width_o="400" height_o="600" src_o="http://payload.cargocollective.com/1/0/9295/268167/AF_book_cover_3_o.jpg" data-mid="1153142" border="0" align="left"/> The page layout focuses on the book’s dual purpose as a reference book as well as an entertaining Sunday afternoon read. The cover was inspired by Cooper’s research and persona creation methods. The graphic represents the many paths of user-centered design. As with any project, many people were involved in the creation of this book. I was very lucky to have so many of my design ideas supported and furthered by my supervisors, the authors, and the publisher. To see more, check out Amazon. <img src="http://payload.cargocollective.com/1/0/9295/268167/AF_interior_chart.jpg" width="640" height="800" width_o="640" height_o="800" src_o="http://payload.cargocollective.com/1/0/9295/268167/AF_interior_chart_o.jpg" data-mid="1153092" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268167/AF_interior_illustration.jpg" width="460" height="450" width_o="460" height_o="450" src_o="http://payload.cargocollective.com/1/0/9295/268167/AF_interior_illustration_o.jpg" data-mid="1153094" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268167/interior_chart2.jpg" width="639" height="548" width_o="639" height_o="548" src_o="http://payload.cargocollective.com/1/0/9295/268167/interior_chart2_o.jpg" data-mid="1153170" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268167/interior_chart4.jpg" width="639" height="1000" width_o="639" height_o="1000" src_o="http://payload.cargocollective.com/1/0/9295/268167/interior_chart4_o.jpg" data-mid="1153172" border="0" align="left"/> http://rebeccabortman.com/Cooper-Office-Signage http://rebeccabortman.com/following/rebeccabortman.com/Cooper-Office-Signage Mon, 15 Feb 2010 23:56:16 +0000 Rebecca Bortman\'s portfolio 268208 <img src="http://payload.cargocollective.com/1/0/9295/268208/titles_cs.jpg" width="640" height="74" width_o="640" height_o="74" src_o="http://payload.cargocollective.com/1/0/9295/268208/titles_cs_o.jpg" data-mid="1221426" border="0" align="left"/>The Cooper office is an elegant place with clean lines, designer furniture, and a sweeping view of the San Francisco Bay. The people who work at Cooper are quite casual and relaxed in comparison. I designed the signage for the office’s five conference rooms and two restrooms. I wanted to support the firm’s sophisticated image, while emphasizing the casualness of the atmosphere. <img src="http://payload.cargocollective.com/1/0/9295/268208/CS_womens.jpg" width="640" height="562" width_o="640" height_o="562" src_o="http://payload.cargocollective.com/1/0/9295/268208/CS_womens_o.jpg" data-mid="1153329" border="0" align="left"/> Inspired by Cooper’s sketch-your-thoughts process, I developed this illustration style. The directional signs were made of glass, backed with frosted vinyl and mounted with a metal strip. Both kinds of signs use vinyl graphics in Cooper orange. Various signage <img src="http://payload.cargocollective.com/1/0/9295/268208/CS_room_sign1.jpg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/0/9295/268208/CS_room_sign1_o.jpg" data-mid="1153314" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268208/CS_room_sign2.jpg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/0/9295/268208/CS_room_sign2_o.jpg" data-mid="1153319" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268208/CS_room_sign3.jpg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/0/9295/268208/CS_room_sign3_o.jpg" data-mid="1153323" border="0" align="left"/>{image 4} http://rebeccabortman.com/The-Disposable-Film-Festival http://rebeccabortman.com/following/rebeccabortman.com/The-Disposable-Film-Festival Mon, 15 Feb 2010 23:51:51 +0000 Rebecca Bortman\'s portfolio 268230 <img src="http://payload.cargocollective.com/1/0/9295/268230/titles_dff.jpg" width="640" height="74" width_o="640" height_o="74" src_o="http://payload.cargocollective.com/1/0/9295/268230/titles_dff_o.jpg" data-mid="1220420" border="0" align="left"/> The Disposable Film Festival is a celebration of films made on non-traditional filming devices—cell phones, webcams, point & shoot cameras. The festival is in its third year and has been screened internationally. I’m very proud to be the art director of this amazing festival. <img src="http://payload.cargocollective.com/1/0/9295/268230/DF_poster.jpg" width="640" height="429" width_o="640" height_o="429" src_o="http://payload.cargocollective.com/1/0/9295/268230/DF_poster_o.jpg" data-mid="1153691" border="0" align="left"/> Since joining the team over five years ago, I’ve focused on elevating the festival’s visual presence, juxtaposing the idea of “disposable” with clean and timeless graphics. I have shaped the identity from a symbol—an iconic parody of the don’t litter symbol—into a logotype that emphasizes the festival’s “your name in lights” philosophy. The festival is my favorite example of the power of design. Without much financial backing, everyone involved volunteers their time to create a program with the polish and quality of a well-funded, established event. 2010 Festival Trailer The festival is more than a series of events. It's active with its online community of filmmakers all year long. I have designed the festival's website to be strong voice in the filmmaking and festival communities. Additional Collateral <img src="http://payload.cargocollective.com/1/0/9295/268230/DF_poster2.jpg" width="640" height="959" width_o="640" height_o="959" src_o="http://payload.cargocollective.com/1/0/9295/268230/DF_poster2_o.jpg" data-mid="1153693" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268230/DF_site1.jpg" width="640" height="599" width_o="640" height_o="599" src_o="http://payload.cargocollective.com/1/0/9295/268230/DF_site1_o.jpg" data-mid="1153695" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268230/DF_site2.jpg" width="640" height="1048" width_o="640" height_o="1048" src_o="http://payload.cargocollective.com/1/0/9295/268230/DF_site2_o.jpg" data-mid="1153696" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268230/DF_biz_card1.jpg" width="640" height="600" width_o="640" height_o="600" src_o="http://payload.cargocollective.com/1/0/9295/268230/DF_biz_card1_o.jpg" data-mid="1153685" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/9295/268230/DF_biz_card2.jpg" width="640" height="600" width_o="640" height_o="600" src_o="http://payload.cargocollective.com/1/0/9295/268230/DF_biz_card2_o.jpg" data-mid="1153688" border="0" align="left"/>