Visual/UI Designer var _gaq = _gaq || []; _gaq.push([‘_setAccount’, ‘UA-6925915-2’]); _gaq.push([‘_trackPageview’]); (function() { var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true; ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s); })();Tumblr (3.0; @elijahdesign)http://elijahdesign.com/<img src="http://25.media.tumblr.com/f1dfa94bc41914d9e41fd0ca469017b7/tumblr_ml1z8cC9AJ1qmdww2o3_r2_500.jpg"/><br/> redesigned home page<br/><br/> <img src="http://24.media.tumblr.com/e31cd673836153ab8023f0c31e063d67/tumblr_ml1z8cC9AJ1qmdww2o2_500.jpg"/><br/> wireframe<br/><br/> <img src="http://25.media.tumblr.com/7b1b7b4b13712a96722717ca23490b9d/tumblr_ml1z8cC9AJ1qmdww2o1_500.jpg"/><br/> original home page<br/><br/> <p>BoxWave has been a supplier of device accessories for over a decade. Their site had gone through very few changes in that time and was in need of a redesign.</p> <p>I collaborated with the owner on the new design starting with wireframes for layout, then applied a visual design to multiple mock ups. Lastly, I worked with the development team to get it into production.</p><p>(source: <a href="http://boxwave.com" target="_blank">boxwave</a>)</p>http://elijahdesign.com/post/47658708072http://elijahdesign.com/post/47658708072Wed, 10 Apr 2013 17:04:00 -0700boxwavehomepageuiuxredesignaccessoryuserexperiencewireframe<img src="http://25.media.tumblr.com/4dd1fce81a5971ede99ca816a5e333fd/tumblr_ml1x76YLSV1qmdww2o1_500.jpg"/><br/><br/><p>CityGuru is a private social network targeted specifically for the travel industry. Its main function is to help travelers and businesses connect. I worked with the lead developer/co-founder to redesign the look and layout of their web application, marketing materials, and corporate identity.<br/><br/><a href="http://cityguru.com" target="_blank">cityguru.com</a></p>http://elijahdesign.com/post/47632520315http://elijahdesign.com/post/47632520315Wed, 10 Apr 2013 11:11:00 -0700redesignuiuxuserexperiencecityguruconciergewebdesign<img src="http://24.media.tumblr.com/tumblr_m9dvfwBw4h1qmdww2o1_r1_500.png"/><br/><br/><p>This is a iPhone 5 accessory giveaway promotion landing page. I’ve highlighted the amount of prizes to be given away and the value of each prize so that the visitor would want to enter because their odds of winning seem very high.</p> <p>The most important element is the email submit form, so the company can have another avenue to communicate with the visitor. I’ve put the most emphasis on it with a call to action and left a lot of breathing room around it. </p> <p>I worked with the marketing team regarding content, finalized the design with upper management, and then coordinated with the developers to get it into production.</p>http://elijahdesign.com/post/30271333338http://elijahdesign.com/post/30271333338Sun, 26 Aug 2012 15:21:00 -0700photoshopuisubmit formpromotionipad miniiphone 5giveaway<img src="http://24.media.tumblr.com/tumblr_m7r45sEo451qmdww2o1_500.jpg"/><br/> side 1<br/><br/> <img src="http://25.media.tumblr.com/tumblr_m7r45sEo451qmdww2o2_500.jpg"/><br/> side 2<br/><br/> <p>This is an instruction manual for the BoxWave Keyboard Buddy Case printed double-sided, in full color with three folds. I made the headers large and obvious to clearly define each section.</p> <p>Printing costs had to be kept low and the design had be laid out in a way that printing it in-house was possible. So I designed it to a letter-sized (8.5x11) format and kept it to one color, excluding black and white.</p> <p>tools: illustrator and photoshop</p>http://elijahdesign.com/post/28034905591http://elijahdesign.com/post/28034905591Wed, 25 Jul 2012 21:51:00 -0700illustratorphotoshopinstruction manualquick guidekeyboard buddy caseboxwaveprint<img src="http://24.media.tumblr.com/tumblr_m5zlwjH9N01qmdww2o1_r1_500.png"/><br/><br/><p>These product web ads were for BoxWave’s variety of styluses and were displayed during the christmas season, so my idea was to show them off as packaged like a gift. I photographed the products first, designed the ads in Photoshop, and then sliced to Google’s ad specifications.</p> <p>tools: photoshop, google web ads, adobe camera raw</p>http://elijahdesign.com/post/25600619796http://elijahdesign.com/post/25600619796Thu, 21 Jun 2012 14:48:00 -0700adsbanner adsboxwavedisplay adsgoogleweb adsstylusstyracapacitivekindle firenew<img src="http://24.media.tumblr.com/tumblr_m4xeszgDl81qmdww2o6_r1_500.jpg"/><br/> home page<br/><br/> <img src="http://25.media.tumblr.com/tumblr_m4xeszgDl81qmdww2o5_r1_500.jpg"/><br/> about page<br/><br/> <img src="http://24.media.tumblr.com/tumblr_m4xeszgDl81qmdww2o7_r1_500.jpg"/><br/> portfolio page<br/><br/> <img src="http://24.media.tumblr.com/tumblr_m4xeszgDl81qmdww2o8_r1_500.jpg"/><br/> gallery modal on portfolio page<br/><br/> <p>Icon Imagery website redesign project. Solely created from concept to completion. The original site was created by former employees with Adobe Flash to out-of-date web standards. The main project goal was to simplify the layout so that it highlights the work.</p> <p>tools: jquery, html, css, google maps api, submission form, photoshop, dreamweaver, social plugins (facebook and twitter)</p>http://elijahdesign.com/post/24183589592http://elijahdesign.com/post/24183589592Thu, 31 May 2012 23:46:00 -0700jqueryinteractive designuxuiredesignwebsiteweb designhtmlcss<img src="http://25.media.tumblr.com/tumblr_m3vw04UDZ61qmdww2o1_r5_500.jpg"/><br/><br/><p>The BoxWave website was first developed over a decade ago. Many different pages, features and UI elements were created in that time that did not follow any kind of overall look resulting in a very confusing and unpleasant user experience.</p> <p>My solution was creating a global theme with a library of UI components that could easily be shared for any designer or developer’s reference. Any part could be updated within the theme and then changed throughout the site.</p> <p>tools: photoshop, vector icons, jquery, css, html, twitter’s bootstrap</p>http://elijahdesign.com/post/22870251424http://elijahdesign.com/post/22870251424Fri, 11 May 2012 17:28:00 -0700componentsdesignuiwebsiteadobephotoshopvector iconscarouselbreadcrumbiconslogossocialpaginationsubheaderheader<img src="http://24.media.tumblr.com/tumblr_m3vvq87Rx81qmdww2o1_r1_500.jpg"/><br/><br/><p>New BoxWave “Cleartouch Ultra” screen protector packaging in size small (smartphones), medium (ereaders), and large (tablets). Designed and laid out with Adobe Illustrator.</p><p>Product available to purchase on <a href="http://www.amazon.com/BoxWave-Amazon-Kindle-ClearTouch-Ultra/dp/B000ALDUFG">Amazon</a> and <a href="http://www.boxwave.com/ipad-3-screen-protectors/apple-ipad-3rd-generation-cleartouch-ultra-anti-glare/bwpdd/mmm-zvtk/">BoxWave</a>. </p>http://elijahdesign.com/post/22869890822http://elijahdesign.com/post/22869890822Fri, 11 May 2012 17:22:00 -0700boxwaveinstagramprintcleartouchultrascreen protector<img src="http://25.media.tumblr.com/tumblr_lo3b60re3a1qmdww2o1_r1_500.png"/><br/><br/><p>Bouwer Construction is a general contractor that specializes in remodeling multi-unit residential buildings. The project scope consisted of first building an identity and logo, then print and web marketing materials such as business cards, letterheads, signage, banners, and a website. The client needed to separate themselves from the more common kind of contractor that builds homes, since they deal with large-scale building projects. </p> <p>tools: jquery, html, css, flash, photoshop, illustrator, submission forms</p>http://elijahdesign.com/post/7434280068http://elijahdesign.com/post/7434280068Sat, 09 Jul 2011 16:42:00 -0700bouwerconstructionwebsiteuiux