tag:blogger.com,1999:blog-48850700632112735452024-03-12T20:29:42.871-04:00Web Portfolio DesignDesign & Development for DMA250Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.comBlogger39125tag:blogger.com,1999:blog-4885070063211273545.post-21016026139437616782009-08-15T14:37:00.003-04:002009-08-15T14:41:39.451-04:00Oops, I need to update!Yes, I admit it, I stopped blogging.<br />But here's some updates!<br /><br />I'm still not finished with my portfolio design, but I did just apply to Drexel's Westphal School of Art & Design for Graphic Design and Digital Media!<br /><br />Some more stuff I've done for my portfolio below (mostly imagery).<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ4rcXeQZNGXRFv66F8nrcjt_PAO3suAqYZy1aPx1zhEtU3qot5UNvo127J_cgkFLb6iSHwVaLOK9ehdmttCuooKAxG9xqxmfLiS3QJORTmIs1ZThW8NyCixOoASy9yiQzh-bMSSXaWhsD/s1600-h/comp3.jpg"><img style="cursor: pointer; width: 400px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ4rcXeQZNGXRFv66F8nrcjt_PAO3suAqYZy1aPx1zhEtU3qot5UNvo127J_cgkFLb6iSHwVaLOK9ehdmttCuooKAxG9xqxmfLiS3QJORTmIs1ZThW8NyCixOoASy9yiQzh-bMSSXaWhsD/s400/comp3.jpg" alt="" id="BLOGGER_PHOTO_ID_5370262374146899154" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUxPVE-X3eSResmGKEgSBT9Y0uJnj2zGhrp1Rgm-S-_5QUGVfea6fKAejrTB7YYCNna0inUf4n7rtLasripy7tTJ-HIXyIy9bWQhFTqUu0KbtQu4UxIKFyg2lcUk33ec_mR7h3W4KjRRxa/s1600-h/toxic_process.png"><img style="cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUxPVE-X3eSResmGKEgSBT9Y0uJnj2zGhrp1Rgm-S-_5QUGVfea6fKAejrTB7YYCNna0inUf4n7rtLasripy7tTJ-HIXyIy9bWQhFTqUu0KbtQu4UxIKFyg2lcUk33ec_mR7h3W4KjRRxa/s400/toxic_process.png" alt="" id="BLOGGER_PHOTO_ID_5370262383203139346" border="0" /></a><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGubXi9mqKvT7V2j0BoMx_93RkeWJ8SmQfUsRF2b4YwEsc8t2ock7dz-2UkvfRdI9zTbMRugeIXTSyeJUHlWfWyczBMJ06F0pMJusb7rPO0C5oce2-iadaRzsPqV5bEzJM5eXZyWns-S0Z/s1600-h/icons.jpg"><img style="cursor: pointer; width: 309px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGubXi9mqKvT7V2j0BoMx_93RkeWJ8SmQfUsRF2b4YwEsc8t2ock7dz-2UkvfRdI9zTbMRugeIXTSyeJUHlWfWyczBMJ06F0pMJusb7rPO0C5oce2-iadaRzsPqV5bEzJM5eXZyWns-S0Z/s400/icons.jpg" alt="" id="BLOGGER_PHOTO_ID_5370262380559083202" border="0" /></a>Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com3tag:blogger.com,1999:blog-4885070063211273545.post-91444627676852195332009-04-02T17:29:00.002-04:002009-04-02T17:31:32.652-04:00Draft Comp<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXwgy1C-O7rZs6rA3pFkefknVbVCrGUsr8cVNcdwDAZ_ARBBEA7891fRqilyje-3NBALunEG7Qo2nJDBbKAJcTjbns7GLl_t3jMD-3dGisehyphenhyphenOtdGuknNo2Zs7vJcLbRJH1aDMrsGQ0DCw/s1600-h/comp.jpg"><img style="cursor: pointer; width: 400px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXwgy1C-O7rZs6rA3pFkefknVbVCrGUsr8cVNcdwDAZ_ARBBEA7891fRqilyje-3NBALunEG7Qo2nJDBbKAJcTjbns7GLl_t3jMD-3dGisehyphenhyphenOtdGuknNo2Zs7vJcLbRJH1aDMrsGQ0DCw/s400/comp.jpg" alt="" id="BLOGGER_PHOTO_ID_5320209680643097906" border="0" /></a><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidGg8ftTJJ9k3POXyuSkzTmw6KGsdED4ESj0AiXey6XzczSZYDb9MLf_p3vG7pdh0B1wvGpOzi2MngZwn4gKntaJvaqT2ekVGswBPEb4520aaGwc7Ru4oM6x7jrp6259Mgsyldc6pDLFDE/s1600-h/comp2.jpg"><img style="cursor: pointer; width: 400px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidGg8ftTJJ9k3POXyuSkzTmw6KGsdED4ESj0AiXey6XzczSZYDb9MLf_p3vG7pdh0B1wvGpOzi2MngZwn4gKntaJvaqT2ekVGswBPEb4520aaGwc7Ru4oM6x7jrp6259Mgsyldc6pDLFDE/s400/comp2.jpg" alt="" id="BLOGGER_PHOTO_ID_5320209758126027714" border="0" /></a>Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com4tag:blogger.com,1999:blog-4885070063211273545.post-78619103905511580012009-03-10T17:11:00.005-04:002009-03-13T00:45:41.657-04:00Sitemap & Wireframe DraftsClick to view bigger images.<br />I'll get around to uploading pdf versions eventually.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibY_z3P8Sh7-3Im6gz8lM1rtdBDJkSE5T-sGot9bVUuqDY9mkXdTG1PAwh8ypsCvYt6XA_HD1zV58Xf7LQFYf2EJajaLhfu8qEPTQWu-KMxlNIbFSxMeukf6LC7bF10D6QzoIybIpRUOgF/s1600-h/sitemap.jpg"><img style="cursor: pointer; width: 233px; height: 182px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibY_z3P8Sh7-3Im6gz8lM1rtdBDJkSE5T-sGot9bVUuqDY9mkXdTG1PAwh8ypsCvYt6XA_HD1zV58Xf7LQFYf2EJajaLhfu8qEPTQWu-KMxlNIbFSxMeukf6LC7bF10D6QzoIybIpRUOgF/s400/sitemap.jpg" alt="" id="BLOGGER_PHOTO_ID_5311669975220053858" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Yae2QQVZOKlCEOb8q2ol8L2VKKQVAErzLwxe-HtBiz4QKTdkaBGpa_PTsfUa7cwhzkfGIREmEivFswrMFh43lT8olzOCwPwgsZ45kRWmsZQ3B2JXFBWCK9N91xEFb47q3TyO5rMunEhj/s1600-h/wireframe.jpg"><img style="cursor: pointer; width: 233px; height: 174px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Yae2QQVZOKlCEOb8q2ol8L2VKKQVAErzLwxe-HtBiz4QKTdkaBGpa_PTsfUa7cwhzkfGIREmEivFswrMFh43lT8olzOCwPwgsZ45kRWmsZQ3B2JXFBWCK9N91xEFb47q3TyO5rMunEhj/s400/wireframe.jpg" alt="" id="BLOGGER_PHOTO_ID_5311670039479671922" border="0" /></a><br /><br />Draft Box - unfinished<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4KpjjHk9KxPtMQ68fHN9DmNMyCzVZRsWMfr8fVGZQUjVHioG1xvVbpaAQLI8EBvGYuQ2Gp8GLqb1-GbxQNyz-onStymhhyphenhyphenB38rKMiucdmmcI4bRC7obKAF9KbRQpAkmD1Q1Sfd9aSOZfm/s1600-h/box.jpg"><img style="cursor: pointer; width: 233px; height: 235px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4KpjjHk9KxPtMQ68fHN9DmNMyCzVZRsWMfr8fVGZQUjVHioG1xvVbpaAQLI8EBvGYuQ2Gp8GLqb1-GbxQNyz-onStymhhyphenhyphenB38rKMiucdmmcI4bRC7obKAF9KbRQpAkmD1Q1Sfd9aSOZfm/s400/box.jpg" alt="" id="BLOGGER_PHOTO_ID_5312528855622748546" border="0" /></a>Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-80824868776351322652009-03-10T15:49:00.004-04:002009-03-12T17:07:28.113-04:00Site Map Help!Need a resource for how to do a sitemap?<br /><a href="http://www.jjg.net/ia/visvocab/">Jesse James Garrett: Visual Vocabulary</a><br /><br />At the bottom of the page there's Powerpoint/Illustrator/etc. files to give you the images to create cohesion.<br /><br />And here's an example of a finished sitemap:<br />Click thumbnail to view full pdf version.<br /><a href="http://viking.mccc.edu/%7Edma246/internal/sitemaps/sr_our-sitemap_220.pdf"><img style="cursor: pointer; width: 233px; height: 150px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP4hnxF0XJ-Vnnq2QITUJyFZjaIYBQjYC7G5ZVIvJj3AljxaWhE8vOcv2G1AFNWeEb0KLZ3xxYOaSi_IaYcuhSf1qYaaurShYdXAsvIPWN0f4nJ2G_ErAj2uyyewr4halQy_-7K2ouJnTo/s400/sr_our-sitemap_220.jpg" alt="" id="BLOGGER_PHOTO_ID_5311649237861767186" border="0" /></a>Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com2tag:blogger.com,1999:blog-4885070063211273545.post-45085638616369737932009-03-10T15:40:00.006-04:002009-03-10T16:06:00.102-04:00Cardboard Box ConceptUgh. I feel SO far behind in this class.. I'm going to do my best to catch up this week/weekend. At least I have no regional competition this weekend.<br /><br />BUT Okay, I'm going with the cardboard box idea, because I think it'll be fun, interactive, and really push my limits as a designer. I think ultimately it will showcase all the things I'm good at - both the design and the coding.<br /><br />Typeface: I want to create some kind of cohesion between my site and the resume I posted last week, so I want to find a way to use Discognate (the square font) as a header or something. If the site's flash based that's no problem, otherwise it'll be a matter of creating some images for it. Again, no big deal. Regular text I want to use either a Verdana/Arial/Trebuchet/Helvetica font-family or figure out the closest thing I can get to match Century Gothic.<br /><br />Line Style: I think clean vector illustrations is going to be my biggest success. It's Web 2.0 without being overly glossy and reflective - because honestly, I'm sick of that. I think that, because I have several elements that don't necessarily have a theme (ie boggle block, hazardous waste can, etc.) not using photographs will help create a cohesive identity.<br /><br />An example of the illustration style I'm talking about:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkTYq8h0_BNzyda66U9t-u6VtQBrm0onRLv2gDs46HLlJAaMMgbv1D_-Oi1AbSEYBzJPmkylI43pf9uTqiEL_Fi2v4qFI7nwJnl942rk25DUTlts14DfpA2_Q3xOQl0T6UmFRfWre7Tl-e/s1600-h/elements.jpg"><img style="cursor: pointer; width: 202px; height: 173px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkTYq8h0_BNzyda66U9t-u6VtQBrm0onRLv2gDs46HLlJAaMMgbv1D_-Oi1AbSEYBzJPmkylI43pf9uTqiEL_Fi2v4qFI7nwJnl942rk25DUTlts14DfpA2_Q3xOQl0T6UmFRfWre7Tl-e/s400/elements.jpg" alt="" id="BLOGGER_PHOTO_ID_5311651900336837474" border="0" /></a><br /><br />I'm definitely going with your standard shipping cardboard box labeled with "This side up." I think I'd like a handwritten font on it that says something like "Sara's Stuff," though maybe something slightly more professional sounding.<br /><br />Color Scheme: I want semi-realistic color choices - ones that are reflective of the sites they go with. So the boggle block will probably be a light cream with blue letters. The hazardous waste can would be pink and black, the iPhone would be, well, an iPhone color scheme. I might do some kind of gradient background to create the illusion of space, but I haven't decided. They are all going to need something to tie them together though - but I don't know what.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-54169612166638784892009-03-05T22:02:00.001-05:002009-03-05T22:02:11.651-05:00Visual Resume<div style="float: right; margin-left: 10px; margin-bottom: 10px;"><a href="http://www.flickr.com/photos/7855449@N02/3258568672/" title="photo sharing"><img src="http://farm4.static.flickr.com/3466/3258568672_54360aff6a_m.jpg" alt="" style="border: solid 2px #000000;" /></a><br /><span style="font-size: 0.9em; margin-top: 0px;"><a href="http://www.flickr.com/photos/7855449@N02/3258568672/">Visual Resume </a><br />Originally uploaded by <a href="http://www.flickr.com/people/7855449@N02/">David Armano</a></span></div>This is GENIUS! I wanted everyone to see it, because I was totally inspired by his work. And, of course, it only works because he's going into Infographics.<br clear="all" />Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-81577304770298981342009-03-05T20:59:00.003-05:002009-03-05T21:42:16.001-05:00Resume v 2.0<a href="http://paperdoll.orange-crux.net/sara_reffler_resume.pdf"><img style="cursor: pointer; width: 300px; height: 388px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEWRWwlSipyV2CfJA4-6cQVpZXk4CPBrTYaxuU5oUwfcxau6EKChbV7_AJTnDLrpwG3QD_QOljk5vKpUHB_2fjb4in15NpDTmmce8bBH45UKXaAymU_gXQ0cCSExGcg8-dVDTkXriAf-AQ/s400/resume_v2.jpg" alt="" id="BLOGGER_PHOTO_ID_5309889331015010274" border="0" /></a><br /><br />I wanted to get some fellow designers opinions on my resume, specifically on the metaphor usage of tags. Please let me know what you like and what you don't, and why.<br /><br />I am most concerned about the left column of the document.<br /><br />Click to view the full pdf. <br />Need opinions TONIGHT so I can print & use on Saturday!Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-25660475906009847392009-03-05T16:41:00.002-05:002009-03-05T16:48:05.580-05:00Necessary ElementsMust have elements:<br />1. resume<br />2. bio<br />3. contact info<br />4. interactivity<br />5. complete pieces: screencaps, active links, etc.<br />7. the process - i want the elements that show how to get from point a to point b.<br />8. video - because let's face it, i talk too much.<br /><br />I'm sure there's things I can't think of.<br />Leave a comment to help? Thanks.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-32607476024587211502009-03-05T15:46:00.003-05:002009-03-05T16:41:45.605-05:005 Design ConceptsSo with this whole web 2.0 thing being huge, I wanted to try and come up with five concepts that provided the user with some interactivity. Even when you go for an interview for college or whatever and you bring a fine arts portfolio, the other person at least has something to flip/click through. I also am a big fan of creating 3 dimensional space on websites - using things like "poster tape" to create depth, creating the illusion of 3D. So that was my basis behind my 5 concepts.<br /><br />1. Cardboard box - <br />Okay, so I have a bad tendency to design in boxes. So I wanted to throw myself out of the box, literally. I really liked <a href="http://www.thibaud.be/">Thibaud's Portfolio</a because it was fun to drag and play with. I thought I would create a cardboard box that falls over, dumping out a bunch of items related to my web projects. Having a boggle cube, or a skull, or something that you can drag around the screen. But when you click on it it'll pop up a screencap of my site with my caption and a link to the actual, functional version of the site (ie, my Alex iPhone site doesn't really come across visually, getting a chance to play with it is much stronger).<br /><br />2. A messy desk -<br />Kind of like OkayDave, but not as messy. He has EVERY part of that surface covered. I'd like maybe 6 or so elements: a computer screen, a mouse, a keyboard, a few fun stationary objects about my personality, etc. Click the computer screen, get a slideshow of screencaps. Click the keyboard, get information about my coding skills, click the...I don't know, photo of me, get my bio & resume. Click the mouse, get some silly mouse dance. Who knows.<br /><br />3. Postered Wall -<br />Along the same lines of OkayDave, but mixed with my Cuttersclub design. Using more poster tape, some pieces falling off the wall, some pieces movie poster sized, some pieces magazine sized. Each piece could have some specific design element linking it to the information, which could pop up in a lightbox.<br /><br />4. Find me! -<br />I'm okay with there being hidden elements, as long as the major stuff (ie resume, contact) are easy to find. But I don't know, maybe it'd be fun to have pop up divs that you have to look for. Like, the site I did for "Build your Own Robot" When you clicked on a gear, like "Base" a whole section of transparent images that you could click. Once clicked, the large version would appear on the screen and you could drag it around to position it yourself.<br /><br />5. Tabs - <br />I liked the tabbed concept I did for my Flash website, and the Chanel redesign. I think it's a sleek, yet interesting way to break up the content. And, the tabs could be different sizes, or different materials or something like that.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-11747000691730335712009-03-04T11:45:00.002-05:002009-03-04T12:03:20.507-05:00Stuff to Share with DesignersThought I'd share this with my other designer friends out there:<br /><a href="http://www.smashingapps.com/2009/02/28/13-most-desirable-collection-of-free-resources-for-every-designer.html">13 Most Desirable Collection of Free Resources for Every Designer</a><br /><br /><a href="http://speckyboy.com/2009/01/12/21-typography-and-font-web-apps-you-cant-live-without/">21 Typography and Font Web Apps You Can't Live Without</a><br /><br /><a href="http://www.csstea.com/css-gallery-news-and-resources/385-12-free-online-background-pattern-generators.html">Background Pattern Generators</a><br /><br /><a href="http://speckyboy.com/2009/01/26/30-amazingly-creative-social-bookmarks-icon-sets/">Creative Social Icon Sets</a><br /><a href="http://www.smashingmagazine.com/2009/02/16/50-beautiful-useful-and-free-icon-sets/">50 HQ Icon Sets</a><br /><br /><a href="http://www.smashingmagazine.com/2009/02/12/the-ultimate-collection-of-free-photoshop-patterns/">Free Photoshop Patterns</a><br /><br /><a href="http://www.1stwebdesigner.com/resources/45-free-design-template-and-psd-files/">45 Free Design Template and PSD Files</a><br /><br />Um...so wow. REALLY glad I decided to take a break from my newsletter project to read this when it popped up in my Google Reader.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-87807945348263792202009-03-03T17:08:00.005-05:002009-03-03T17:15:45.018-05:00Critique: cleaner version<a href="http://farm4.static.flickr.com/3330/3269931876_9a0db3e507_o.jpg" target="_blank"><img src="http://farm4.static.flickr.com/3330/3269931876_6685d71579_m.jpg"></a><br />InToxicated: Pixel Artist Portfolio (2007)<br />Objective: to create a website for a student pixel artist. Designed from only the title "InToxicated" and a pink/black color scheme.<br />Designed in: Photoshop CS3. <br />Coded in: Dreamweaver 8 and Notepad 2.<br /><br />More >> <br />Initial drafts were created in a Firefox frame in Photoshop, playing with color modes (overlay and screen) to format the pink shapes in the corner. Monotone images were then masked inside the colored boxes to create the "cut out" look of the bottles and waste container.<br /><br />Box frames were added second to identify the two major sections of the page - the navigation and the body. Catch phrase was added last to tie the two pieces together. <br /><br />Content coding was done after the completed design, and text formatting was finished last. Link color was decided last based on the weight of the text color.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-62436461236188862812009-03-03T16:19:00.003-05:002009-03-03T16:30:30.565-05:00Work Critique<img src="http://farm4.static.flickr.com/3330/3269931876_6685d71579_m.jpg"><br />InToxicated - Viewing this website may be hazardous to your <strike>health</strike> sanity.<br /><br />Project: to create a website for a student pixel artist. Designed in Photoshop CS3 after meeting with the client. We decided on the name "InToxicated" for her site, and the color scheme of black and pink. Images were created using vectors and illustrations. Coded in Dreamweaver 8 and Notepad2. <br /><br />Initial drafts were created in a Firefox frame in Photoshop, playing with color modes (overlay and screen) to format the pink shapes in the corner. Monotone images were then masked inside the colored boxes to create the "cut out" look of the bottles and waste container. Some edges were cleaned up using the brush tool - and probably should be cleaned and masked again using the pen tool.<br /><br />Should consider transferring into InDesign or Illustrator to turn raster based images into 1-color vectors to create a more cohesive piece of work.<br /><br />Box frames were added second to identify the two major sections of the page - the navigation and the body. Catch phrase was added last to tie the two pieces together. Content coding was done second based on initial Photoshop sketches and color scheme, and text formatting was finished last. Link color was decided last based on the weight of the text color.<br /><br />I was actually surprisingly impressed with this piece, and the ability to come up with something that created an identity with almost no information to start. I was more disappointed when she never went live with her site, than I was with the design process. It's a <i>little</i> boxy, but it's not too bad - it's at least broken up with some choppy design elements.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-30113149680667424952009-02-19T16:13:00.003-05:002009-02-19T16:18:50.071-05:00Possible Logo<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc_m9siCrc8su43nA2GOAw2UVDnzGJT1upRyB_Ta0YfLtucIfPXc3OpkNdjSrHcoQMYoX8SbN98cesUPF2hWgZBzoQbyoEtxwY7EgxtWqH11-jlpWrW86qESDdSgVbbOp3q3-3FGC4DniF/s1600-h/code_logo.png"><img style="cursor: pointer; width: 281px; height: 214px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc_m9siCrc8su43nA2GOAw2UVDnzGJT1upRyB_Ta0YfLtucIfPXc3OpkNdjSrHcoQMYoX8SbN98cesUPF2hWgZBzoQbyoEtxwY7EgxtWqH11-jlpWrW86qESDdSgVbbOp3q3-3FGC4DniF/s400/code_logo.png" alt="" id="BLOGGER_PHOTO_ID_5304620428222446434" border="0" /></a><br /><br />Another cool logo idea. I liked the idea of mixing a little art piece and a little code piece.<br />As a web designer logo, what do you guys think?Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com1tag:blogger.com,1999:blog-4885070063211273545.post-85909075519318470862009-02-19T14:42:00.002-05:002009-02-19T14:45:41.596-05:00Work FormatScreen format.... Yeah, I can't lie, I'm a web designer, there isn't really much other way that my work is displayed than via screen. I guess I could walk around taking photographs of monitors, or over the shoulder shots to show "interactivity" and the "human element," but would that really make an impact? Do I want to show the things like the client brief, or the wireframes or the initial comps? I don't know.<br /><br />I'll tell you what I'd like to do though, and that's to sit down and make a video as I work. You know the software that records what you do on the screen? So you can see my messy workspace and the flipping between Photoshop and Dreamweaver, opening Notepad2 and pulling pieces in and out of Illustrator and Flash. I think it would be dynamic and interesting to show the time it takes and the different workspace it takes to create a complete website.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-38774726099090801252009-02-19T14:04:00.003-05:002009-02-19T14:20:47.303-05:00Unifying Design ElementsI thought about this for a while. Literally, I sat there staring at my Flickr trying to figure out what unifying pieces I have. I know I spoke with Meg in class about the fact that I'm both messy and organized, that I like the mixture of clean, concise code, and the disorder of art and collage and montage, so I thought that maybe that was my unifying element. But I also like boxes, WAY to much, so there's that too.<br /><br />I use the color black a lot, and the times I don't, I have a tendency to over use bright colors in exchange. I like overlap and subtle pattern use. Almost EVERY design has some sort of overlapping quality, like the <a href="http://www.flickr.com/photos/35119874@N06/3269110847/">boggle blocks</a> over the text box, like the <a href="http://www.flickr.com/photos/35119874@N06/3269931854/">Hayley pictures</a> overlapping a pattern background, like the <a href="http://www.flickr.com/photos/35119874@N06/3272338572/">dolls</a> on top of grungy backdrops, etc.<br /><br />But I've also grown to like gradients, gloss, and 3D. The Alex project is, hell, an iPhone, that's as glossy and gradient as you can get. Even the Chanel redesign project has gradients on top of the tabs, but it implements a pattern in the Chanel logo and background, and in the imagery I chose to show. And the new design of my robotics team site is gradients, gloss, and 3D logos.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-32506084342727184112009-02-17T15:24:00.002-05:002009-02-17T15:31:55.044-05:00Skills to UseOkay, here comes the hard part...<br />I have a lot of skills, I know that, but it's going to be narrowing down those skills to create something successful that's going to be the hard part. I'm really good at picking up new software or reading tutorials and learning how to code new stuff quickly and efficiently.<br /><br />I know how to use Flash, code with some Actionscript 2 and Actionscript 3, but I can learn and follow whatever it is I don't know how. I built a flash web site with externally loaded dynamic content for my final for that class, so I'm not worried about trying to implement some good flash pieces.<br /><br />I'm really strong in HTML and CSS. I can implement Javascript, but I can't write it. I can use php, but I can't write that either.<br /><br />I think I have a really strong design sense, so I can create something that's interactive (web 2.0) and something that's a little bit messy (me).<br /><br />I also have some raw video editing skills, what I've learned from the Digital Video/Audio class. So some Final Cut Pro stuff, but again, that's what new tutorials are for.<br /><br />I'm good with vectors, and photoshop brushes, and pixel art, and a lot of things digital. I can take photographs, though I wouldn't say I excel at it. I can illustrate by hand, but I'm better with full-shaded still life pieces.<br /><br />I can do print work, in InDesign, or Photoshop, or Word.<br /><br />But my strongest skill, is that I'm not afraid to try something new.<br /><br />What I'd like to do is something messy. Like a spilled cardboard box that has elements that can be dragged around the page. Like a shoe, or a bowling ball, or pieces of a board game. I'd like to make it so each of those clicked opens up a lightbox that shows some gallery shots of my work, and provides an outside link to my live pages. I can code it in Actionscript or in CSS, and I can do it either photographically, taking my own photos, or vector-illustrated making my own new graphic pieces. But some kind of mess, and something that "pushes me out of the box."Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-61741843768267349012009-02-17T15:05:00.004-05:002009-02-17T15:23:33.522-05:00Portfolio ContentSo no big surprise that the choice portfolio for web designers is, well, a website. But what surprising is how many of them show off their work the exact same BORING way. Generally, people show a thumbnail that's like 200x60 with some blurb about what site they worked on and the piece they designed. Most of them don't say anything about what they USED to design it, and that kind of bugged me.<br /><br />There was one guy, Brad someoneorother [will add link at home], who actually had thumbnails of the various adobe products next to each of his projects. The softwares he used were bright, and the ones he didn't were greyed out, but still there. I thought that was kind of nice - showed the skills he COULD use, AND identified that he uses multiple softwares for each project.<br /><br />But what I thought was funny is that the Woork blog, which is one of the blogs I added for this class, posted their <a href="http://woork.blogspot.com/2008/12/10-gorgeous-portfolio-sites.html">10 gorgeous portfolio websites</a>, and I hated almost all of them.<br /><br /><a href="http://brynnshepherd.com/">Brynn Shepherd's site</a> was nice, well, for the rollover thumbnails, but she didn't really have any content to speak of. <a href="http://www.mattbango.com/work">Matt Bango's</a> work showed his work the same way like 90% of other designers showed their work. BORING.<br /><br />The sites I liked were, not surprisingly, the messy ones, the ones that had some color and some texture and some childish elements. I even loved some very stylized sites, like the <a href="http://www.peepshow.org.uk/">Peepshow</a> graphic design portfolio and <a href="http://www.pixelresort.com/">PixelResort.com</a>. But my top 2? <a href="http://www.thethingswemake.co.uk/">The Things We Make</a> and the <a href="http://www.dawghousedesignstudio.com/blog/">Doghouse Design Studio</a>.<br /><br />The elements that everyone included were thumbnails of their work, links to their sites that were still live, and of course, a little blurb about each. That was pretty much it. Almost all of them had some nice references to their resume and other artwork.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-39392308819289778762009-02-16T23:22:00.002-05:002009-02-16T23:29:36.593-05:00Rio like on Vimeo<object width="400" height="244"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2349804&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=c9ff23&fullscreen=1"><embed src="http://vimeo.com/moogaloop.swf?clip_id=2349804&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=c9ff23&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="244"></embed></object><br /><br />This was on the <a href="http://vimeo.com/staffpicks">vimeo staff's choice page</a>, and I was immediately drawn to its thumbnail. But watching it was really neat - the use of paint effects both overlayed in post-production mixed with paint effects done during the actual production was awesome. The music wasn't fantastic, but it was overall a really well-done piece of artwork.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-25842394596073595282009-02-16T16:11:00.007-05:002009-02-19T16:27:46.212-05:00things left to do...things to do for homework:<br /><strike>add videos to vimeo<br />"like it" and critique on vimeo video</strike><br />blog needs most work portfolio piece<br />5 brand identities<br /><strike>1 more logo sketch</strike><br />comment on class blog - 2 critical thinking posts<br /><strike>content for other portfolios - what's shown, how organized, format, etc. include links<br />favorite sites on blog roll<br />how to utilize skills for portfolio<br />5 other concentration portfolios that i love</strike>Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-22152115422000744682009-02-12T17:38:00.006-05:002009-02-12T18:24:18.321-05:00font families and maybe logos<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGoFWtBygOWoaI3xz_xNKdkYPEM1Ke3RXAbCd4HFbCuEXwpEALu4TbLlLl4tpyIe2wm8CcirHnq8SUrpu5jUUAE5MUb5aKRyTZeMrdm6QfIivxfOyRv0Rn73JqdHptbHjbldKwLvVMcZbY/s1600-h/fonts.jpg"><img style="cursor: pointer; width: 400px; height: 111px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGoFWtBygOWoaI3xz_xNKdkYPEM1Ke3RXAbCd4HFbCuEXwpEALu4TbLlLl4tpyIe2wm8CcirHnq8SUrpu5jUUAE5MUb5aKRyTZeMrdm6QfIivxfOyRv0Rn73JqdHptbHjbldKwLvVMcZbY/s400/fonts.jpg" alt="" id="BLOGGER_PHOTO_ID_5302055709471238754" border="0" /></a><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4AIiwA_Dis74fS5-b-rWeqGLjZ8fVYw_2ZA2lBfSJ-oNMuJqfBZJtmacYfVi4xTlIpqI80cMmoWHFD2zOP4AjI6s6gnrU57M_nfGj3ivjvxpSP1spqxEqPzUjXAPoogsVxM2ewYIevcqp/s1600-h/fonts2.jpg"><img style="cursor: pointer; width: 400px; height: 104px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4AIiwA_Dis74fS5-b-rWeqGLjZ8fVYw_2ZA2lBfSJ-oNMuJqfBZJtmacYfVi4xTlIpqI80cMmoWHFD2zOP4AjI6s6gnrU57M_nfGj3ivjvxpSP1spqxEqPzUjXAPoogsVxM2ewYIevcqp/s400/fonts2.jpg" alt="" id="BLOGGER_PHOTO_ID_5302055710582264290" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiisZqzRFrkaVPP83VEWTrvxeq6VSigVYXqTLH4P9NSo-CHVQKBikbpFN9lspQmVTw3g7Ai6qr6fjAV-hw1dttNJHLyYvG0Ki9AvgOpguwL4ZG7i6bXJuLXPWvjK1A5SAwJrfsAVxfRdMNo/s1600-h/logo.jpg"><img style="cursor: pointer; width: 280px; height: 254px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiisZqzRFrkaVPP83VEWTrvxeq6VSigVYXqTLH4P9NSo-CHVQKBikbpFN9lspQmVTw3g7Ai6qr6fjAV-hw1dttNJHLyYvG0Ki9AvgOpguwL4ZG7i6bXJuLXPWvjK1A5SAwJrfsAVxfRdMNo/s400/logo.jpg" alt="" id="BLOGGER_PHOTO_ID_5302050625890771026" border="0" /></a><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXP1RhYQ8fK7RXWi4HXKAou5rahK5Xnm8Kx07Fc02lXZkOvTgrnnRgeTFRJQegBWZhRFL6H6iX5kdZg6NbxqM8lc1YmNk0GaDk_2Megh4oJMqFPhKkpgPSQkatAGG1awxaChBbqTHcNbw/s1600-h/blocks.jpg"><img style="cursor: pointer; width: 260px; height: 154px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXP1RhYQ8fK7RXWi4HXKAou5rahK5Xnm8Kx07Fc02lXZkOvTgrnnRgeTFRJQegBWZhRFL6H6iX5kdZg6NbxqM8lc1YmNk0GaDk_2Megh4oJMqFPhKkpgPSQkatAGG1awxaChBbqTHcNbw/s400/blocks.jpg" alt="" id="BLOGGER_PHOTO_ID_5302045678186631426" border="0" /></a>Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com2tag:blogger.com,1999:blog-4885070063211273545.post-71296304894754762222009-02-10T15:12:00.006-05:002009-02-11T11:09:31.472-05:00brand identity brainstorming<span style="font-weight: bold; color: rgb(255, 255, 255);font-size:130%;" >// Me Stuff //</span><span style="font-weight: bold;"><br /></span><span style="font-style: italic;">5 things that you love to do</span><br />robotics, play in Photoshop, spend time with friends, write, read, though I can't often find the time<br /><br /><span style="font-style: italic;">5 things that you hate to do</span><br />homework, paperwork, laundry and other chores, design based on other people's "good ideas", and babysit, as in, when people are supposed to be working on a task, having to sit there and make sure they get it done.<br /><br /><span style="font-style: italic;">5 things you are proud of in your life</span><br />my robotics team, winning the information architecture 2008 hacker award, my web design reputation, some of my art skills - more specifically my pixel art, getting a perfect score at the Mercer County Teen Arts Festival with my flute choir back in high school<br /><br /><span style="font-style: italic;">5 things you are good at</span><br />learning new software, photo manipulations, writing good, helpful tutorials, pixel art, web design and coding<br /><br /><span style="font-style: italic;">5 things that make you unique</span><br />my broad range of knowledge, my ability to network without being intimidated, my outgoing nature, my design aesthetic, and my quirkiness - i know I'm a little weird, but I'm okay with that.<br /><br /><span style="font-style: italic;">5 adjectives that describe you</span><br />weird, fun, spunky, creative, smart<br /><br /><span style="font-weight: bold; color: rgb(255, 255, 255);font-size:130%;" >// Work Stuff //</span><br /><span style="font-style: italic;">5 adjectives that describe your work</span><br />original, inspiring, bold, smart, clean<br /><br /><span style="font-style: italic;"> 5 topics your work deals with</span><br />suicide/depression, robotics, art portfolios, vector-styled graphic design, pop culture<br /><br /><span style="font-style: italic;"> the media you use in your work</span><br />Photoshop - photo manipulation and pixel work, pencil sketches, Dreamweaver and Notepad2 (text coding)<br /><br /><span style="font-style: italic;">Colors that you use most often</span><br />silver, black, red, blue<br /><br /><span style="font-style: italic;">5 emotions your work conjures</span><br />passion, excitement, shock, pride, joy<br /><br /><span style="font-style: italic;">Titles of the work you would like to highlight</span><br /><span class="style1"></span><span class="style1">"Alex" the movie<br />InToxicated<br />NYC/NJ FIRST<br /></span><span class="style1"></span><span class="style1"></span><span class="style1">Paperdoll v. Riot<br />Paperdoll v. mixed up memories<br />Paperdoll v. Boggle<br /><br /></span><span style="font-weight: bold; color: rgb(255, 255, 255);font-size:130%;" >// Job Stuff //</span><br /><span style="font-style: italic;">5 adjectives to describe the kind of company you'll work for</span><br />modern, creative, casual, involved, original<br /><br /><span style="font-style: italic;">5 adjectives to describe the kind of boss you'd like to have</span><br />fun, inspired, creative, professional, encouraging<br /><br /><span style="font-style: italic;">5 things you will have to do for your job</span><br />design, network, program, develop, communicate<br /><br /><span style="font-style: italic;">5 words describing your industry</span><br />creative, original, intuitive, descriptive, helpful<br /><br /><span style="font-style: italic;">List the reasons your job exists</span><br />need for communication, creating a visual identity, product sales, providing a flow of informationSara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-86302798122966359832009-02-10T00:32:00.004-05:002009-02-10T00:40:06.917-05:00Best Portfolio PieceMy best portfolio piece, believe it or not, I still think is my current site layouts. <br /><a href="http://paperdoll.orange-crux.net">http://paperdoll.orange-crux.net</a>.<br /><br />Yes, both of them. Not to say that I haven't learned more, or I don't think I need a site revamp, but I like the color schemes, I like the playful nature of the art side versus the more serious, more grungy focus of the web side. I think it reveals a lot about what makes me tick, what makes me happy, and what I need in my life.<br /><br />I think it shows my strength with different digital mediums, from the development side - html and css versus xhtml with javascript, to the design side - pixel art design versus photo manipulations. It shows my ability to create out of the box designs, as they are both VERY different, and yet, both me.<br /><br />The splash page is...not so great, but it could be worse. I think, if I'm going to change some pieces to make it better for my portfolio it would be redesigning the chick at the top of the art page so she's ENTIRELY my pixel work, rather than a base body from someone else, but clothes, hair, etc. by me. I think I'd also like to get rid of some pages, and reorganize some others on my art page.<br /><br />Plus, hell, I haven't updated in a year. That might help.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-89379838836670511802009-02-10T00:02:00.005-05:002009-02-10T00:22:31.083-05:00Blogs I Added<a href="http://www.alistapart.com/">A List Apart</a><br />A List Apart is genius. No joke. It's got all kinds of cool "make it work" code stuff, and some really interesting design pieces.<br /><br /><a href="http://www.crazyleafdesign.com/blog/">Crazy Leaf Design Blog</a><br />This site isn't much for content, but it has a lot of great resources. Some cool wallpapers, downloadable icons, Wordpress themes, cool stuff.<br /><br /><a href="http://designreviver.com/">Design Reviver</a><br />They have LONG posts, for sure, but I never left their site feeling like I hadn't learned something. They actually spell out, with helpful instructions and images how to do things like, build your own custom wordpress theme, how to slice images, and even provide other resources that they stumble over, like their newest jQuery color picker. And, this is good for me, because I have a hard time being out of the box with things like Javascript, since I can't code it yet.<br /><br /><a href="http://www.youthedesigner.com/">You the Designer</a><br />Freebies, resources, tutorials. You name it, they got it. All about things to make your life as a designer easier.<br /><br /><a href="http://www.w3.org/QA/">W3C Q&A Weblog</a><br />As a web deisgner, w3c is kind of my home. No joke, I send my students there for reference questions, I was even on there yesterday trying to figure out why IE and Firefox interpret <li> tags in two different ways. So, having somewhere that the developers of w3c post all their ramblings? pure gold. talk about staying ahead of the crowd.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-72688751552749072372009-02-09T12:38:00.003-05:002009-02-10T16:46:49.339-05:00Help me! Please!Everyone should have heard me talk about robotics at one point or another by now...And, if you haven't, it's all over my blog.<br /><br />Now's the part where I ask you all for help.<br /><br />One of the many elements of our competition is the "Best Website Award." Teams submit their websites to be reviewed and graded by volunteers. Any team receiving over an 80 receives a Website Excellence Award, and one team at every regional competition receives the Best Website Award.<br /><br />Those winners then go on to compete for the Championship Best Website Award.<br /><br />I'm the lead Website Evaluator Advisor for the NJ Regional competition, and I'm looking for other evaluators that are willing to help me. It's not a terrible amount of time - reviewing about 20 websites in 10 days.<br /><br />Judging is simple, there's a basic checklist of information that teams are given. I just need people to help me score sites. Here's a basic overview of what a Website Evaluator is/does.<br /><br /><a href="http://www.usfirst.org/uploadedFiles/Community/Volunteers/2009_Volunteer_Coordinator_Documents/Website%20Evaluator%202009.pdf">http://www.usfirst.org/uploadedFiles/Community/Volunteers/2009_Volunteer_Coordinator_Documents/Website%20Evaluator%202009.pdf</a><br /><br />I only have until February 12th to get all of my volunteers registered in VIMS! If you're interested in participating please go sign up here:<br /><a href="http://www.usfirst.org/vims">http://www.usfirst.org/vims</a><br /><br />In the center of the page there is a starburst image that says "Sign me Up!" Click it and follow the directions carefully. Make sure you choose the "FIRST Robotics Competition - Events" option, then choose "New Jersey Regional" as your competition, and check off the "Website Evaluator" volunteer position.<br /><br />Please leave me a comment if you have any more questions/concerns.<br />If you all sign up, you'll have fewer websites to judge, and I'll know my students are getting the best evaluations I can give them.<br /><br />Thanks in advance.Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0tag:blogger.com,1999:blog-4885070063211273545.post-52532466593649740712009-02-05T10:44:00.017-05:002009-02-05T12:13:54.040-05:00Portfolio Work HighlightsOkay, so...I had a really hard time figuring out what to include here.<br />I've done a ton of web work - several layouts for my own personal use, designs for friends' sites, designs for clients, volunteer work, and all that jazz, but I am nervous about how that all fits together to show who I am as a designer.<br /><br />I like to be a jack of all trades - it makes me glad to know video editing, and lots of programs, and lots of languages, so I want my portfolio to at least LIST that I'm capable of all those things, but FOCUS on web stuff. Because that's what I am the most excited about, and the career I'd like to pursue.<br /><br />So it goes like this:<br /><br />HERE is the web work I think I'd like to include:<br /><br /><span style="font-weight: bold;">Current Projects / In Progress:</span><br />New Portfolio design<br />MCCC LGBTF Website<br />MCCC Drama/Theater Dept. Website<br /><br /><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 100px; height: 118px;" src="http://paperdoll.orange-crux.net/web/images/rising_tide.jpg" alt="NJ State Museum Rising Tide Exhibit" border="0" /><a href="http://www.njstatemuseum.org/">NJ State Museum</a> <span style="font-style: italic;">"Rising Tide" Virtual Exhibit</span><br />Create a visual pre-experience website for the "Rising Tide" exhibit to be displayed April 2009. Designer on Information Architecture team. Discussing implementing student to student navigation page with main focus of education. Strong desire to create pre- and post- visit experience for teachers in K-12 environment.<br /><br /><br /><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/zen_gardenbuttons.png" alt="CSS Zen Garden Submission" border="0" /><span style="font-style: italic;"><a href="http://www.csszengarden.com/">CSS Zen Garden</a> Submission "Buttons"</span><br />Design fully-customizable css page to show strong graphic design sense. Create a modern, current generation, out-of-the-box design for CSS Zen Garden gallery. Generate strong design portfolio piece for well-recognized and respected website.<br /><br /><br /><br /><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/mercury.jpg" alt="Team Mercury 1089 ReDesign" border="0" /><span style="font-style: italic;"><a href="http://www.mercury1089.com/">HHS FIRST Team Mercury 1089</a> Redesign</span><br />Revamp 2006 website layout to be "Web 2.0" stylized. Redesign flash header with improved Actionscript coding. Develop cohesive virtual identity consistent with team ideals and mission. Implement new gallery script.<br /><br /><br /><br /><span style="font-weight: bold;">Volunteer Work:</span><br /><br /><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/alex.png" alt="Alex the Movie" border="0" /><span style="font-style: italic;">"Alex" the Movie</span><br />Movie trailer on <a href="http://www.youtube.com/watch?v=1FRw9bjvtUk">YouTube</a><br /><br /><br /><br /><br /><br /><br />Dolling Community Websites<br /><img style="margin: 0pt 10px 10px 0pt; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/aqueous.jpg" alt="Aqueous" border="0" /> <img style="margin: 0pt 10px 10px 0pt; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/celexy.jpg" alt="inToxicated" border="0" /> <img style="margin: 0pt 10px 10px 0pt; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/defy.jpg" alt="Destynd to Defy" border="0" /><br /><br /><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/mbpsi.jpg" alt="Mu Beta Psi" border="0" /><a href="http://pi.mubetapsi.org"><span style="font-style: italic;">Mu Beta Psi</span></a><br /><br /><br /><br /><br /><br /><br /><br />Professional Work:<br /><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/nycfirst.jpg" alt="NYC/NJ FIRST" border="0" /><a href="http://www.nycnjfirst.org"><span style="font-style: italic;">NYC/NJ FIRST Website</span></a><br /><br /><br /><br /><br /><br /><br /><span style="font-weight: bold;">Personal Work:</span><br /><br /><span style="font-style: italic;">Strong Classwork<br /></span><img style="margin: 0pt 10px 10px 0pt; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/flash.jpg" alt="Flash website" border="0" /> <img style="margin: 0pt 10px 10px 0pt; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/firstbot.jpg" alt="Build a FIRST Robot" border="0" /><br /><span style="font-style: italic;">Strong Site Layouts</span><br /><img style="margin: 0pt 10px 10px 0pt; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/hayley.jpg" alt="v. Hayley" border="0" /> <img style="margin: 0pt 10px 10px 0pt; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/bowl.jpg" alt="v. color me beautiful" border="0" /> <img style="margin: 0pt 10px 10px 0pt; width: 100px; height: 100px;" src="http://paperdoll.orange-crux.net/web/images/screencaps/thumbnails/boggle.jpg" alt="v. boggle" border="0" /><br /><br />And then I struggled to decide if I wanted to include some other graphic design work. Maybe mention a spot of 3D Modeling stuff, mention my pixel work, some video stuff... I also have some really good interactive flash pieces that I want to show.<br /><br />I wasn't sure either, how to talk about the languages and specific coding things that are strong with each piece. Because, for me, I think my claim to fame is that I'm a good designer, but I also have a strong programming background behind me.<br /><br />I'm not sure, I'm afraid I'm a little all over the place?Sara R.http://www.blogger.com/profile/01415039523264964285noreply@blogger.com0