http://jaredamay.com Jared A. May Tue, 04 Oct 2011 02:33:46 +0000 http://jaredamay.com en http://jaredamay.com/Jared-A-May http://jaredamay.com/following/jaredamay.com/Jared-A-May Tue, 04 Oct 2011 02:33:46 +0000 Jared A. May 2095385 I’m a multi-skilled designer specializing in interactive design and development. I enjoy working with interdependent teams who are skilled and passionate about their craft. Creating solutions by writing clean semantic HTML and making it look beautiful using CSS makes me happiest.Here you’ll find a gallery of my work, enjoy.<img src="http://payload.cargocollective.com/1/0/7943/2095385/down-arrow.png" width="100" height="140" width_o="100" height_o="140" src_o="http://payload.cargocollective.com/1/0/7943/2095385/down-arrow_o.png" data-mid="10441049" border="0" align="left"/> http://jaredamay.com/Best-Buy-Happy24-Icons-1 http://jaredamay.com/following/jaredamay.com/Best-Buy-Happy24-Icons-1 Wed, 21 Sep 2011 04:13:44 +0000 Jared A. May 2033454 A series of shiny icons I designed for the Happy 24 Mobile email campaign. In the emails, these icons illustrate deals and offers like ‘coupons,’ ‘trade-ins,’ ‘coverage,’ and ‘hands free.’ <img src="http://payload.cargocollective.com/1/0/7943/2033454/Best-Buy-Happy24-icons_1280.jpg" width="1280" height="596" width_o="1280" height_o="596" src_o="http://payload.cargocollective.com/1/0/7943/2033454/Best-Buy-Happy24-icons_o.jpg" data-mid="10114633" border="0" align="left"/> http://jaredamay.com/Best-Buy-Happy-24-Page http://jaredamay.com/following/jaredamay.com/Best-Buy-Happy-24-Page Wed, 21 Sep 2011 03:49:06 +0000 Jared A. May 2033391 Enrollment in the Happy 24 program is free with a new mobile device purchased at Best Buy. This program is touted as ‘the happiest phone-owning months of your phone-owning life.’ I designed this page with the brand in mind, keeping things simple and friendly. The layout is modular and could easily be translated for viewing on smaller devices with a few simple media queries. <img src="http://payload.cargocollective.com/1/0/7943/2033391/BBYM-H24-01_1280.jpg" width="1280" height="733" width_o="1280" height_o="733" src_o="http://payload.cargocollective.com/1/0/7943/2033391/BBYM-H24-01_o.jpg" data-mid="10438666" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/2033391/BBYM-H24-02_1280.jpg" width="1280" height="693" width_o="1280" height_o="693" src_o="http://payload.cargocollective.com/1/0/7943/2033391/BBYM-H24-02_o.jpg" data-mid="10438667" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/2033391/BBYM-H24-03_1280.jpg" width="1280" height="693" width_o="1280" height_o="693" src_o="http://payload.cargocollective.com/1/0/7943/2033391/BBYM-H24-03_o.jpg" data-mid="10438668" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/2033391/BBYM-H24-04_1280.jpg" width="1280" height="596" width_o="1280" height_o="596" src_o="http://payload.cargocollective.com/1/0/7943/2033391/BBYM-H24-04_o.jpg" data-mid="10439012" border="0" align="left"/> http://jaredamay.com/MSC-Inc-Open-House-Digital-Invitation http://jaredamay.com/following/jaredamay.com/MSC-Inc-Open-House-Digital-Invitation Wed, 21 Sep 2011 02:16:38 +0000 Jared A. May 1171781 What do you do after you re-model your office space? Invite your friends over and show it off, of course. The team at Sandau Creative and I decided to create an interactive invite for guests to RSVP from anywhere, especially on the go. This little mobile experiment delivered a stylized preview of the re-mode and tracked RSVPs using Google Analytics. <img src="http://payload.cargocollective.com/1/0/7943/1171781/MSC-Open-House-1_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1171781/MSC-Open-House-1_o.jpg" data-mid="10112865" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1171781/MSC-Open-House-2_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1171781/MSC-Open-House-2_o.jpg" data-mid="10112866" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1171781/MSC-Open-House-3_1280.jpg" width="1280" height="594" width_o="1280" height_o="594" src_o="http://payload.cargocollective.com/1/0/7943/1171781/MSC-Open-House-3_o.jpg" data-mid="10112867" border="0" align="left"/> http://jaredamay.com/FRWD-Co http://jaredamay.com/following/jaredamay.com/FRWD-Co Sat, 28 May 2011 23:08:13 +0000 Jared A. May 1494542 Working with their team and brand designer, I designed and developed the company website for FRWD Co. Building the site on the Squarespace CMS, I created custom templates by modifying the CSS and adding custom jQuery scripts. I met the requirements of FRWD Co. by delivering a brand focused website that also provided an easy way for their staff to continue to maintain and update the content. <img src="http://payload.cargocollective.com/1/0/7943/1494542/FRWDco-Home1_1280.jpg" width="1280" height="596" width_o="1280" height_o="596" src_o="http://payload.cargocollective.com/1/0/7943/1494542/FRWDco-Home1_o.jpg" data-mid="7519709" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1494542/FRWDco-Blog1_1280.jpg" width="1280" height="596" width_o="1280" height_o="596" src_o="http://payload.cargocollective.com/1/0/7943/1494542/FRWDco-Blog1_o.jpg" data-mid="7519706" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1494542/FRWDco-Services1_1280.jpg" width="1280" height="596" width_o="1280" height_o="596" src_o="http://payload.cargocollective.com/1/0/7943/1494542/FRWDco-Services1_o.jpg" data-mid="7519711" border="0" align="left"/> http://jaredamay.com/Toys-In-The-Attic http://jaredamay.com/following/jaredamay.com/Toys-In-The-Attic Thu, 26 May 2011 23:15:45 +0000 Jared A. May 1505372 My good friend and fellow designer, Jordan A. Smith and I created this poster for the 2010 Toys in the Attic poster show. Recalling an obscure pop-culture reference got us thinking a little too hard about the lack of diversity in the See ‘n Says from our early childhood, and how some onomatopoeia don’t exactly match the real thing. We each chose to illustrate 3 animals we felt were relatively unpopular and lacking an onomatopoeia to call their own. All proceeds of Toys in the Attic poster show went to Toys for Tots. <img src="http://payload.cargocollective.com/1/0/7943/1505372/toys-in-the-attic-02_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1505372/toys-in-the-attic-02_o.jpg" data-mid="7353208" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1505372/toys-in-the-attic-03_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1505372/toys-in-the-attic-03_o.jpg" data-mid="7353209" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1505372/toys-in-the-attic-04_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1505372/toys-in-the-attic-04_o.jpg" data-mid="7353210" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1505372/toys-in-the-attic-01_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1505372/toys-in-the-attic-01_o.jpg" data-mid="7353207" border="0" align="left"/> http://jaredamay.com/Artcrank-2011 http://jaredamay.com/following/jaredamay.com/Artcrank-2011 Thu, 26 May 2011 03:31:20 +0000 Jared A. May 1500434 This poster for Artcrank 2011 is the second poster collaboration I’ve completed with Jordan A. Smith. Putting a twist on the Artcrank theme, “A Poster Show for Bike People”, we chose to feature the most important bike accessory: the helmet. Dividing up the work evenly, we each drew a variety of protective and fashionable head wear. <img src="http://payload.cargocollective.com/1/0/7943/1500434/artcrano-02_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1500434/artcrano-02_o.jpg" data-mid="7329631" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1500434/artcrano-03_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1500434/artcrano-03_o.jpg" data-mid="7329632" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1500434/artcrano-01_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1500434/artcrano-01_o.jpg" data-mid="7329629" border="0" align="left"/> http://jaredamay.com/Saris-CycleOps http://jaredamay.com/following/jaredamay.com/Saris-CycleOps Sat, 02 Apr 2011 18:51:32 +0000 Jared A. May 1171741 A dream project for me, I got to design a website for cyclists. The challenge was keeping a consistent organization for all the pages and sections of this content heavy website, I used a grid system to guide alignment of elements. The top menu anchors the pages across sections, and a sub menu appears on the left side on sections that include multiple pages. <img src="http://payload.cargocollective.com/1/0/7943/1171741/Home-1_1280.jpg" width="1280" height="596" width_o="1280" height_o="596" src_o="http://payload.cargocollective.com/1/0/7943/1171741/Home-1_o.jpg" data-mid="6060754" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1171741/Home-2_1280.jpg" width="1280" height="596" width_o="1280" height_o="596" src_o="http://payload.cargocollective.com/1/0/7943/1171741/Home-2_o.jpg" data-mid="6060757" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1171741/Product-Category_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1171741/Product-Category_o.jpg" data-mid="6060758" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1171741/Product-Page_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1171741/Product-Page_o.jpg" data-mid="6060760" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1171741/Training_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1171741/Training_o.jpg" data-mid="6060761" border="0" align="left"/> http://jaredamay.com/Little-Co http://jaredamay.com/following/jaredamay.com/Little-Co Tue, 15 Mar 2011 01:46:39 +0000 Jared A. May 1171789 Working at Sandau Creative, I designed and wrote HTML and CSS for this redesign of the Little & Co. website. I designed the homepage as a large carousel that transitioned between the introductions to site's categories. Clicking through a home page section, the user navigates to the second, content-focused, layer of the site. I used a 960px grid to guide the alignment of elements and keep the information organized from section to section and page to page. <img src="http://payload.cargocollective.com/1/0/7943/1171789/Little-Home-1_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1171789/Little-Home-1_o.jpg" data-mid="5646277" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1171789/Little-Work-2_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1171789/Little-Work-2_o.jpg" data-mid="5646282" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1171789/Little-News-2_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1171789/Little-News-2_o.jpg" data-mid="5646279" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1171789/Little-Case-Study_1280.jpg" width="1280" height="774" width_o="1280" height_o="774" src_o="http://payload.cargocollective.com/1/0/7943/1171789/Little-Case-Study_o.jpg" data-mid="5646275" border="0" align="left"/> http://jaredamay.com/30-Conversations-On-Design http://jaredamay.com/following/jaredamay.com/30-Conversations-On-Design Tue, 15 Mar 2011 01:37:44 +0000 Jared A. May 1171758 Along with the launch of their new site, Little & Co. updated their project Thirty Conversations On Design. The update included 30 new participants for 2010 and a complete re-design. Working with the team at Sandau Creative, I was responsible for translating design files to HTML and CSS to develop the live site. <img src="http://payload.cargocollective.com/1/0/7943/1171758/30CoD-Home1_1280.jpg" width="1280" height="672" width_o="1280" height_o="672" src_o="http://payload.cargocollective.com/1/0/7943/1171758/30CoD-Home1_o.jpg" data-mid="7519748" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7943/1171758/30CoD-Page2_1280.jpg" width="1280" height="672" width_o="1280" height_o="672" src_o="http://payload.cargocollective.com/1/0/7943/1171758/30CoD-Page2_o.jpg" data-mid="7519749" border="0" align="left"/>