<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Spyder Trap Online Marketing Blog &#187; Web Design</title>
	<atom:link href="/blog/category/web-design-2/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.spydertrap.com/blog</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Tue, 15 Oct 2013 00:44:00 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.2</generator>
		<item>
		<title>Responsive Tumblr Blog for General Mills</title>
		<link>http://www.spydertrap.com/blog/2013/06/responsive-tumblr-blog-for-general-mills/</link>
		<comments>http://www.spydertrap.com/blog/2013/06/responsive-tumblr-blog-for-general-mills/#comments</comments>
		<pubDate>Wed, 12 Jun 2013 15:31:19 +0000</pubDate>
		<dc:creator>Jeff Wagner</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Responsive Web Design]]></category>
		<category><![CDATA[Tumblr]]></category>

		<guid isPermaLink="false">http://www.spydertrap.com/blog/?p=3145</guid>
		<description><![CDATA[I bet you didn&#8217;t know that General Mills keeps one of every product they create and it&#8217;s stored in an archive room (well, more like a bunker) that&#8217;s logged, filed, and may never see the light of day again. Actually &#8230; <a href="/blog/2013/06/responsive-tumblr-blog-for-general-mills/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>I bet you didn&#8217;t know that <a title="General Mills History" href="http://generalmillshistory.tumblr.com/">General Mills</a> keeps one of every product they create and it&#8217;s stored in an archive room (well, more like a bunker) that&#8217;s logged, filed, and may never see the light of day again. Actually I didn&#8217;t know this either until they brought me down to their archives and let me see some of the interesting products they&#8217;ve come up with in nearly 150 years.</p>
<p><center><br />
<a href="http://generalmillshistory.tumblr.com/"><img class="alignnone size-full wp-image-3153" alt="General Mills History Tumblr" src="/blog/wp-content/uploads/2013/06/general-mills-history-tumblr.png" width="550" height="327" /></a><br />
<a title="General Mills History Blog" href="http://generalmillshistory.tumblr.com/">General Mills History Blog</a><br /></center></p>
<p>General Mills came to Spyder Trap with an idea that they wanted to share with the world some fun and hilarious moments of their historic past. This project needed the content to be on a platform where it could be easily added by the client and shared by the consumer and user. <a title="Tumblr" href="http://tumblr.com/">Tumblr</a> became the platform best suited to handle the publishing, management and engagement of their content.</p>
<p>With today&#8217;s Internet accessible from every device and screen possible, we utilized Responsive Web Design to allow the user experience and content to shine on smartphones, tablets and the desktop.</p>
<h2>Vintage Design</h2>
<p>Most of the products that&#8217;ll be featured on this site are long from the past, so the look needed to have a very vintage feel to it. General Mills had some great illustration work of their company from very early on (late 1800&#8242;s) that I had to bring into the site in some shape or form. Use of old logos and a worn polaroid helped complete the vintage look and feel for the theme.</p>
<p><center><br />
<a href="http://generalmillshistory.tumblr.com/"><img class="alignnone size-full wp-image-3161" alt="General Mills History Mobile" src="/blog/wp-content/uploads/2013/06/general-mills-history-tumblr-mobile.png" width="600" height="606" /></a></center></p>
<h2>Tumblr Features</h2>
<p>Here&#8217;s a condensed list of features designed and developed into this site:</p>
<ul>
<li>Responsive Web Design</li>
<li>Content Management</li>
<li>Photo &amp; Video Uploading</li>
<li>Facebook, Twitter, Pinterest Sharing</li>
<li>Integrated <a title="DISQUS" href="http://disqus.com/">DISQUS</a> Commenting and Notes</li>
<li>CSS Mobile Menu</li>
</ul>
<p><center><br />
<a href="http://generalmillshistory.tumblr.com/"><img class="alignnone size-full wp-image-3163" alt="General Mills History Tablet" src="/blog/wp-content/uploads/2013/06/general-mills-history-tumblr-tablet.png" width="550" height="685" /></a></center>We&#8217;re extremely happy to have been given the opportunity to collaborate with General Mills on this project and we hope the public enjoys the wins and slightly epic fails that a company can have throughout it&#8217;s entire history.</p>
<p>View the <a title="General Mills History Blog" href="http://generalmillshistory.tumblr.com/">General Mills History Blog</a>.</p>
<!-- Social Buttons Generated by Digg Digg plugin v5.3.6,
    Author : Buffer, Inc
    Website : http://bufferapp.com/diggdigg -->]]></content:encoded>
			<wfw:commentRss>http://www.spydertrap.com/blog/2013/06/responsive-tumblr-blog-for-general-mills/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>3 Smart Decisions to Make with Your Next Website Redesign</title>
		<link>http://www.spydertrap.com/blog/2013/04/3-smart-decisions-to-make-with-your-next-website-redesign/</link>
		<comments>http://www.spydertrap.com/blog/2013/04/3-smart-decisions-to-make-with-your-next-website-redesign/#comments</comments>
		<pubDate>Wed, 03 Apr 2013 15:36:51 +0000</pubDate>
		<dc:creator>Aaron Weiche</dc:creator>
				<category><![CDATA[Content]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.spydertrap.com/blog/?p=3074</guid>
		<description><![CDATA[This year just might be the year you are getting a much needed redesign of your website.  This refresh of your digital marketing hub can be a big win for your organizations goals and needs, so you want to make &#8230; <a href="/blog/2013/04/3-smart-decisions-to-make-with-your-next-website-redesign/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>This year just might be the year you are getting a much needed redesign of your website.  This refresh of your digital marketing hub can be a big win for your organizations goals and needs, so you want to make the most of it.</p>
<p><a href="/blog/wp-content/uploads/2013/04/web-redesign.jpg"><img class="alignnone size-full wp-image-3079" title="web-redesign" src="/blog/wp-content/uploads/2013/04/web-redesign.jpg" alt="web redesign project" width="600" height="234" /></a></p>
<p>I want to look at three areas that I see as big contributors to your next website and it’s success. I know it took time, convincing and budget to get this redesign green lighted. Now, how can you ensure it’s the change you need?</p>
<p>Looking past the basics of a new design and content management system, I believe the following three areas are additional and <strong>important considerations in your website redesign. </strong>Failing to include these you might make your redesign efforts ineffective.</p>
<h2>1.  Better Data</h2>
<p>While the web is buzzing with big data, what I see many organizations falling short with is <strong>better data. </strong>Companies have had a hard time progressing past just installing Google Analytics and looking at basic (and often meaningless) metrics like pages viewed and referral sources.</p>
<p>Put a focus on tracking outcomes over beginnings. Over-hyping referral sources and keywords only gives you entrance points and intent.  Those help but the ability to understand what types of traffic are accomplishing an outcome your website is more valuable.</p>
<p>Establishing and tracking goals and setting up event tracking and other outcomes on your website is truly “better data.&#8221; <a title="Goal tracking in GA" href="http://support.google.com/analytics/answer/1032415?hl=en" target="_blank">Goal tracking</a> in Google Analytics is one way to put the focus on the outcome and start understanding what is the right kind of traffic to attract.</p>
<p><a href="/blog/wp-content/uploads/2013/04/GA-conversion-goals-600.jpg"><img class="alignnone size-full wp-image-3075" title="GA-conversion-goals-600" src="/blog/wp-content/uploads/2013/04/GA-conversion-goals-600.jpg" alt="Google Analytics Goal tracking" width="600" height="253" /></a></p>
<p>Below are a few goals that just about any website can track and measure:</p>
<ul>
<li>Completion of a contact form or RFQ form</li>
<li>Email address acquisition</li>
<li>Download of a whitepaper</li>
<li>Access or registration for a webinar, event or video</li>
</ul>
<h2>2. Mobile</h2>
<p>You knew it would be one of the three, but yet it’s still maybe not part of your redesign? The biggest factor for most organizations to become mobile friendly with their website is the technical configuration or development.</p>
<p>Every stat across mobile is in a growth or explosion mode. Email is <a title="Mobile email stats" href="http://blog.hubspot.com/blog/tabid/6307/bid/33901/the-ultimate-list-of-2012-email-marketing-stats.aspx" target="_blank">consumed on mobile</a> more than desktop or webmail, &#8220;mobile first” internet users are rising. In fact, mobile search is set to eclipse desktop searches in under two years, and the list goes on.</p>
<p><strong>Responsive web design</strong> has caught on as the right mobile solution for many, giving you one website that adapts to the device you access it on.  Google and Bing have given RWD their blessing for <a title="Responsive for mobile SEO structure" href="/blog/2012/06/google-gives-clarity-on-responsive-web-design-and-mobile-search/">mobile search structure</a> of a website adding to its benefits.</p>
<p><a href="/blog/wp-content/uploads/2013/04/responsive-web-design-project.jpg"><img class="alignnone size-full wp-image-3076" title="responsive-web-design-project" src="/blog/wp-content/uploads/2013/04/responsive-web-design-project.jpg" alt="Responsive Web Design project" width="600" height="351" /></a></p>
<p>That said, sometimes your website and user are better off with a parallel mobile site or a dynamic mobile site. Responsive is not the only solution for mobile, but for most the benefits can be the answer they&#8217;re looking for.</p>
<p>I’d recommend you force the issue of mobile <em>now</em>.  Especially if your company&#8217;s trend has been to redesign every three to five years, waiting that long to have a mobile friendly website might put you light years behind your competition.</p>
<h2>3. Content That Matters</h2>
<p>While a new web design is shiny and a new CMS can alleviate headaches, not putting quality content as your top priority in your redesign can be costly.</p>
<p>What’s content that matters you ask? Imagine that a bookshelf is the website redesign and the content are books. If you don&#8217;t know the size, shape and weight of the books, you can&#8217;t build the shelf that will hold them. In the same way, a website redesign should consider content first.</p>
<p>Remember, it’s content that is valuable for your user. Content that answers their questions, builds trust in your offering and guides them to an outcome they desire and understand. In the past, we’ve talked about <a title="Clear content blog post" href="/blog/2013/03/increase-your-conversion-rate-with-these-4-steps/">content built on marketing fluff</a> and how you need to address your website users needs, not the company ego.</p>
<p>A great example of content that matters for me is what REI does with <a title="Snowshoe content advice" href="http://www.rei.com/learn/expert-advice/snowshoes.html" target="_blank">Snowshoeing</a> (and <a title="REI expert advice" href="http://www.rei.com/learn/expert-advice.html" target="_blank">many other</a> products).  Many e-commerce enabled sites focus only on product display and sales.  REI has used content focused on education to help you make a smarter and more trusted purchase.  Their site offers content that helps you get the “why” of the product, the product types, expert advice, techniques and more.</p>
<p><a href="/blog/wp-content/uploads/2013/04/REI-snowshoe-content.jpg"><img class="alignnone size-full wp-image-3077" title="REI-snowshoe-content" src="/blog/wp-content/uploads/2013/04/REI-snowshoe-content.jpg" alt="REI Content on Snowshoes" width="600" height="431" /></a></p>
<p>They also use various forms of content to educate as text, graphics, photos and video all contribute to the users education.  If your website was a customer service rep, REI’s is poised to answer valuable questions and educate. Many of their competitors would only answer “Add to Cart” or “View Price in Cart”.</p>
<h2>Summary: Maximize Your Website Redesign</h2>
<p>Good luck with your <a title="Website redesign" href="/web-design">website redesign</a> and nailing these three important elements that will make your website even more valuable to your organization. Look past the refresh of your design and pay attention to the more valuable decisions you can make with your redesign project. Of course, we&#8217;d love to be part of making it happen, <a title="Contact Spyder Trap" href="/about/contact">just tell us about your needs</a>.</p>
<!-- Social Buttons Generated by Digg Digg plugin v5.3.6,
    Author : Buffer, Inc
    Website : http://bufferapp.com/diggdigg -->]]></content:encoded>
			<wfw:commentRss>http://www.spydertrap.com/blog/2013/04/3-smart-decisions-to-make-with-your-next-website-redesign/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Increase Your Conversion Rate With These 4 Steps</title>
		<link>http://www.spydertrap.com/blog/2013/03/increase-your-conversion-rate-with-these-4-steps/</link>
		<comments>http://www.spydertrap.com/blog/2013/03/increase-your-conversion-rate-with-these-4-steps/#comments</comments>
		<pubDate>Wed, 20 Mar 2013 15:56:24 +0000</pubDate>
		<dc:creator>Shaymein Ewer</dc:creator>
				<category><![CDATA[Content]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.spydertrap.com/blog/?p=3041</guid>
		<description><![CDATA[It happens quite often, you receive your website&#8217;s analytics report for the month and notice you have a constant flow of visitors. You may be even running an ad campaign to get more visitors but your sales goals are not &#8230; <a href="/blog/2013/03/increase-your-conversion-rate-with-these-4-steps/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>It happens quite often, you receive your website&#8217;s analytics report for the month and notice you have a constant flow of visitors. You may be even running an ad campaign to get more visitors but your sales goals are not met. Frustration sets in to figure out <strong>how to increase your conversion rate</strong>.</p>
<p><a href="/blog/wp-content/uploads/2013/03/conversion-rate-Analytics600.jpg"><img class="alignnone size-full wp-image-3043" src="/blog/wp-content/uploads/2013/03/conversion-rate-Analytics600.jpg" alt="Conversion rate" width="600" height="216" /></a></p>
<p>Let’s take a look at a few things you can measure your website against to ensure that you’ve got the right foundation to start on.</p>
<h2>1.	Clear and Concise Content</h2>
<p>First things first, always start with the content evaluation. A flaw in many businesses is worrying too much about the art and visual framework and written content gets push to the side or is focused on last. You may have heard content is king, but if you’re not working off a content strategy then you&#8217;re living in a fantasy.</p>
<h3>Problem: Too much marketing fluff, not enough real answers</h3>
<p>A lot of websites are publishing too much or most often too little content without evaluating the effect of the user experience. If you publish too much content, your site begins to be cluttered and you begin to ask more time of your users to invest in sifting through it all to find the right answer.</p>
<p>On the other hand, not enough content leaves the user feeling like their questions haven’t been answered and they tend to look elsewhere for the right answer. This can send the user off your site into a world where you don’t control the conversation. They are then subject to customer reviews, rants and raves, and competitive analysis.</p>
<h3>Solution: Put yourself in your customer’s shoes</h3>
<p>Find the balance between providing the right information and too much information, also, keep in mind the context of the user when they are hitting your site. How do you do this? Know your audience. Use analytics, customer interviews, UX strategies and SEO tactics to ensure that quality content is in the right place. Invest in your content!</p>
<p>Remember, it’s representing you and the voice of your company in your absence.</p>
<h2>2.	Overall Design</h2>
<p>It’s important when looking at the design of your site or app that you keep things simple, accessible and usable.</p>
<h3>Problem: Visual Clutter</h3>
<p>Whenever the designer introduces another border, background, alignment of content, text, imagery, or any other content into the interface the visual cognitive load is increased. This is not to say you can’t bring in visual branding elements that enhance the product, experience and emotions of your visitors, but the important thing to keep in mind is the simplest conversation is usually the most effective. The visual expectations will vary depending on project and client, think cnn.com versus mashable.com.</p>
<h3>Solution: Simplify the Conversation</h3>
<p>Only communicate the most important content by grouping thoughts, actions and ideas together. When necessary, add visual elements that will facilitate the information architecture.</p>
<h2>3.	Easy-to-find calls to action</h2>
<p>Should we stay above the fold? Do users scroll? What color should the add-to-cart button be? How many form fields is too many? All too often these and other questions like them can hold up projects and keep marketing directors up all night.</p>
<h3>Problem: Making decisions based on industry myths</h3>
<p>Many times decisions are made about the content and design based upon what you may have heard or assumed the web to be. Think for a minute about some of the “web rules” you may have encountered over time.</p>
<h3>Solution: Usability testing</h3>
<p>Put your customer’s journey into context. Remember, your customers have a different need and question when they reach your site than say when they visit apple.com or cnn.com. Are there best practices? Of course there are, but to really be successful in increasing your conversion rate usability testing can be a very effective way of ensuring the content and calls-to-action are in the right place.</p>
<p>Other methods such as A/B testing can be an effective way of serving up different content to try out what works best.</p>
<h2>4.	The homepage is not as important as you think</h2>
<p>Search engines, social media, email marketing, video, web ads and blogging have changed the way we enter a website. The search engines have done a great job of indexing our content in way that we no longer land on the homepage the way we used to.</p>
<h3>Problem: Wrong directions</h3>
<p>I’ve seen it many times over, a company invests in an ad campaign either offline or online and they direct all traffic to their homepage thinking that these users will figure it out once they get there. Only to find that their bounce rate increases greatly because the expectation of that click was not met.</p>
<h3>Solution: Map your customer’s journey</h3>
<p>Ask yourself a simple question when creating a campaign, “Does the page I am pointing to directly relate to the context of the ad I am creating?” Sometimes your customer doesn’t care about you as a company, they just want the product and to be on their way.</p>
<p>Don’t disrupt the journey of your customer by adding a roadblock of content that is out of context of the action they are anticipating. If your potential customers want to find more, they will do so by their own initiative.</p>
<h2>Put these conversion tips to work</h2>
<p>Briefly we’ve touched upon a few tips to help you increase your conversion rate. We didn’t have time to get into great detail, but it’s a good start for you to begin asking some of these questions, whether it be for your existing site, your next campaign or website redesign.</p>
<p>Remember, your website should never be considered complete, it’s a living, breathing tool that you should always iterate.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<!-- Social Buttons Generated by Digg Digg plugin v5.3.6,
    Author : Buffer, Inc
    Website : http://bufferapp.com/diggdigg -->]]></content:encoded>
			<wfw:commentRss>http://www.spydertrap.com/blog/2013/03/increase-your-conversion-rate-with-these-4-steps/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>2013 Marketing &amp; Technology Predictions</title>
		<link>http://www.spydertrap.com/blog/2013/01/2013-marketing-technology-predictions/</link>
		<comments>http://www.spydertrap.com/blog/2013/01/2013-marketing-technology-predictions/#comments</comments>
		<pubDate>Tue, 22 Jan 2013 16:18:27 +0000</pubDate>
		<dc:creator>Aaron Weiche</dc:creator>
				<category><![CDATA[Apps]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.spydertrap.com/blog/?p=2863</guid>
		<description><![CDATA[We&#8217;ve had a few weeks to settle into 2013 and peek into our digital crystal ball at Spyder Trap. Experts from our team have weighed in to provide a variety of marketing and technology predictions for the upcoming year covering social &#8230; <a href="/blog/2013/01/2013-marketing-technology-predictions/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>We&#8217;ve had a few weeks to settle into 2013 and peek into our digital crystal ball at Spyder Trap. Experts from our team have weighed in to provide a variety of <strong>marketing and technology predictions</strong> for the upcoming year covering social media, search, design, technology, mobile, analytics and more.</p>
<p><a href="/blog/wp-content/uploads/2013/01/2013-marketing-predictions.jpg"><img class="alignnone size-full wp-image-2865" title="2013-marketing-predictions" src="/blog/wp-content/uploads/2013/01/2013-marketing-predictions.jpg" alt="2013 digital marketing predictions" width="620" height="465" /></a></p>
<p>&nbsp;</p>
<p>Our <a title="2012 marketing predictions" href="/blog/2012/01/marketing-technology-predictions-for-2012/">predictions for 2012</a> had some gems, like one of developers nailing a <a title="Wii tablet controller" href="http://www.engadget.com/2012/11/12/nintendo-wii-u-remote-control/" target="_blank">gaming and tablet integration</a>. (I&#8217;m stealing your Crystal ball Joe Barhorst!) Many outlined predictions in mobile and apps last year and 2013 are no different.</p>
<h2>2013 Predictions</h2>
<p><strong>Development</strong> &#8211; We will continue to see more and more schema-free (nosql) data stores, new and innovative ways of mining said data sources and even more of a focus on an API-driven development in which RESTful web services continue to play a huge role. Front-end technologies (namely JavaScript libraries) are continuing to advance at a rapid rate so expect far more client-side interaction in 2013 as well.<br />
<em>Nicholas Kreidberg, Developer</em></p>
<p><strong>Analytics </strong>– Everyone has data, but few know how to interpret it into actionable ideas that push them and their client in a new direction. We’ll see more agencies tout their data and analytics skills or partners; more data-specific shops will appear overnight and be acquired just as quickly.<br />
<em>Nate Knox, Search Marketer</em></p>
<p><em> </em><strong>Social Media</strong> -  Photo-sharing becomes hotly contested with Twitter, Facebook, Instagram, Flickr, and Google all making huge strides late in 2012. This will lead to a lot of new features and changes in 2013 as each service looks to gain more users and traffic.<br />
<em>Steve Retka, Social Media Coordinator</em></p>
<p><em> </em><strong>Social Media </strong>- Advertising on Facebook, Twitter, etc. finally got a proper name in 2012 with Native Advertising. I expect that advancements in targeting advertising and sponsored messages through these channels will become significant this year and ad spending will grow.<br />
<em>Jeff Gerst, Account Supervisor</em></p>
<p><em> </em><strong>Search Marketing</strong> -  Marketing departments start seeing the advantage to content marketing and having all forms of content to be the “front door” to their business. Blogging and whitepapers will still have value, but image and video creation, layered with optimization, is what will rank and gain attention in the crowd of search results.<br />
<em>My Prediction &#8211; Aaron Weiche, VP </em></p>
<p><em> </em><strong>Business</strong> – As the US comes out of a recession, I predict a large number of start-ups fueled by the increase in entrepreneurs. With large acquisitions and IPO&#8217;s, there has been a bubble of geeks with good ideas who have gained the liquidity to chase their dreams. The technology sector is also swelling with new tech that came out recently and hasn&#8217;t yet been turned in to marketable products.<br />
<em>Perry Govier, Innovation Lead</em></p>
<p><em> </em><strong>Design</strong> &#8211; I&#8217;m predicting more experimental layouts and interfaces now that we are getting past the desktop standard (1024 x 768). You&#8217;re going to be seeing a lot more experimental design standards that are focused around touch interaction.<br />
<em>Shaymein Ewer, Creative Designer</em></p>
<p><em> </em><strong>Technology </strong>- Cloud convergence and integration will see strong growth. With the adoption and adaptation of cloud services, devices (mobile and otherwise) will begin moving away from local storage and start relying on the cloud for regular storage, back-ups and document sharing. This capability leads to a new breed of lightweight devices that relies less on internal storage and is packed with a ridiculous amount of processing power pushing the limits of what can be done on the web.<br />
<em>Travis Smith, Project Manager</em></p>
<p><em> </em><strong>Technology</strong> &#8211; I think we will see a longer hardware lifespan as costs increase and companies have more invested in a single product.<br />
<em>Travis Manick, Developer</em></p>
<p><em> </em><strong>Technology </strong>- App and hardware integration will continue to evolve past current devices. 2013 will be the year we&#8217;ll see a big push in devices that will monitor our activities, sleep, weight, heart rate, blood pressure, etc. These devices will talk with our cell phones and will allow us to better monitor our successes, failures, health, etc. API&#8217;s will allow devices to open data to multiple apps.<br />
<em>Cory Vandenberghe, Social Media Manager</em></p>
<p><em> </em><strong>Technology </strong>- The connected living room (smart TV, media center, integrated mobile devices) will become more mainstream, but it won&#8217;t work as well as it should.  Incomplete licensing deals between content creators, content distributors and device manufacturers will continue to plague us throughout the year; people will continue to be frustrated when they can&#8217;t use the HBOGo app on their Samsung Smart TV if they are an Xfinity subscriber, for example.<br />
<em>Demian Brink, VP of Client Service</em></p>
<p><em> </em><strong>Mobile</strong> &#8211; With the growing popularity of local/mobile search and social activity, I expect to see businesses use geo-location services more predominantly in 2013.<br />
<em>Daniel Hollerung, Search Marketing Manager</em></p>
<p><strong>Mobile</strong> – Mobile wallet like Google Wallet and mobile banking will see significant growth with mainstream acceptance.<em><br />
<em>Barb Vanags, VP of Finance</em><br />
</em></p>
<p><em><em> </em></em></p>
<p><em> </em><strong><br />
Mobile</strong> – Mobile will begin to be the first thought when a business owners wants a new website &#8211; followed by the desktop version.  This will continue the push for developers and designers to become experts as HTML5, CSS3 and Responsive.<br />
<em>Travis Neiderhiser, Development Team Manager</em></p>
<p><em> </em><strong>Mobile</strong> &#8211; More companies will look at mobile technology as a necessary utility to do business, across all departments, not just marketing. Custom mobile applications will serve as a foundation for supporting job functions in sales, project management customer service and operations.<br />
<em>Jeff Nolan, Account Executive</em></p>
<p><em> </em><strong>Mobile</strong> – Mobile commerce takes hold. Using mobile devices, it will be even easier to satisfy the desire to shop. Made popular by cutting edge grocery stores in Asia, these interactive virtual shops will start to show up everywhere and you can snap a QR/bar code and instantly purchase items through an e-commerce mobile site. And to make it even more exciting, there will be &#8220;pop-up&#8221; shops with exclusive limited-time products.<br />
<em>Rebecca Toth, Director of Account Services</em></p>
<p><em> </em><strong>Apps </strong>- A shift from Native apps to Web apps is here. I predict that within the next year mobile phones will pass up PC&#8217;s for use of the Internet. With this, I think we&#8217;re going to see a major shift in companies creating Native Apps and will expect to do more with their Web Apps or mobile websites. With more advances in HTML 5 &amp; other technologies we&#8217;ll be able to design for more complex &amp; creative interfaces.<br />
<em>Jeff Wagner, Creative Director</em></p>
<p><em> </em><strong>Apps</strong> &#8211; More people than ever before will become technology-motivated as mobile and tablet apps and devices continue to appify even the smallest of every day tasks. Don&#8217;t be alarmed when you find your grandma cooking a meal with step-by-step tablet instructions or that notoriously computer-illiterate family member shopping for groceries by influence of an app awarding them &#8216;points&#8217; because they shopped a specific food category.<br />
<em>Joe Barhorst, Developer</em></p>
<p><em> </em><strong>Apps</strong> &#8211; App numbers and popularity will undoubtedly increase this year, but I think &#8220;companion apps&#8221; (apps created by manufacturers to accompany/support their products) will start to become more of the norm and a larger point of differentiation for tech saavy consumers when they&#8217;re deciding which brand to buy.<br />
<em>Nick Bryant, Director of Client Strategy</em></p>
<h2>What&#8217;s Your Digital Future?</h2>
<p>Do you have a prediction to add to ours for 2013 in marketing and technology? Share yours in our comments!</p>
<!-- Social Buttons Generated by Digg Digg plugin v5.3.6,
    Author : Buffer, Inc
    Website : http://bufferapp.com/diggdigg -->]]></content:encoded>
			<wfw:commentRss>http://www.spydertrap.com/blog/2013/01/2013-marketing-technology-predictions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Understanding Your Customer&#8217;s E-commerce Journey</title>
		<link>http://www.spydertrap.com/blog/2013/01/understanding-your-customers-e-commerce-journey/</link>
		<comments>http://www.spydertrap.com/blog/2013/01/understanding-your-customers-e-commerce-journey/#comments</comments>
		<pubDate>Thu, 03 Jan 2013 15:38:13 +0000</pubDate>
		<dc:creator>Shaymein Ewer</dc:creator>
				<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.spydertrap.com/blog/?p=2852</guid>
		<description><![CDATA[It’s the goal of any e-commerce website: Make the purchase! Companies spend time and money trying to optimize this process to maximize the result of the customers e-commerce experience. They do redesign after redesign of their website hoping to increase &#8230; <a href="/blog/2013/01/understanding-your-customers-e-commerce-journey/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p><a href="/blog/wp-content/uploads/2013/01/e-commerce-design.jpg"><img class="alignright size-full wp-image-2854" style="margin: 10px 15px;" title="e-commerce-design" src="/blog/wp-content/uploads/2013/01/e-commerce-design.jpg" alt="e-commerce design" width="275" height="218" /></a>It’s the goal of any e-commerce website: Make the purchase! Companies spend time and money trying to optimize this process to maximize the result of the <strong>customers e-commerce experience.</strong> They do redesign after redesign of their website hoping to increase that conversion rate just a bit more.</p>
<p>The problem is most companies jump into making large changes to elements of their website, this can be risky along with a hefty price tag. They also have the mentality that their customers are still linear in the purchasing process.</p>
<p>In other words, most campaigns have the goal of driving a person from point A to B. In turn, they still develop campaigns that try to drive people through a carefully scripted process.</p>
<p>However, with the advent of social media and interactive content, the landscape has changed and as digital marketers and designers we need to look beyond the linear selling process and look to the customer buying experience.</p>
<h2>No Longer A Golden Path</h2>
<p>Below is an example of one of the many routes a customer can take in the e-commerce process and even this example could be altered in dozens of ways.</p>
<p><a href="/blog/wp-content/uploads/2013/01/customer-online-sales-journey.png"><img class="alignnone size-full wp-image-2853" title="customer-online-sales-journey" src="/blog/wp-content/uploads/2013/01/customer-online-sales-journey.png" alt="e-commerce sales journey" width="600" height="434" /></a></p>
<p>The point is that through out the online buying process there are many influencers, starts and stops that will affect the customer’s behavior. Of course all sales reach the same goal, but <strong>no two paths are the same</strong>. The same can be said when it comes to any engagement conversion, e.g. joining a mailing list, a follow on Twitter, etc.</p>
<p>We have to begin to be observers of how customers are now interacting with the content and how all the touch points can affect the sale. Is your core brand message consistent across all touch points? Is there a clear and concise call to action at each touch point? Or are your users finding dead ends in the experience?</p>
<p>To take a completely holistic view, the e-commerce process can even involve content outside of your own website as our example graphic shows.  A user might add an item to your shopping cart and then pop open a new browser tab to read reviews on other websites about your product or search for a promo code.</p>
<h2>User Experience Design To Guide The Journey</h2>
<p>For your next e-commerce project, define the business problem at hand then develop the user personas that you’re targeting. Understand at what touch point your users will be entering the conversation and map out their journey. Find the right methodology that will work for you and continue to iterate that process.</p>
<h2>Test, Test, Test</h2>
<p>We’ve touched upon this before, <a title="Testing your online marketing" href="/blog/2012/09/if-you%E2%80%99re-not-testing-testing-you%E2%80%99re-testing-failure/">the importance of testing</a>. With the change of technology comes the change in human behavior. What may have worked yesterday, may not work today. Even the best designers generally don’t get it right the first time, you have to learn behaviors early and quickly and make the needed adjustments so that you can continue to optimize your conversion rate.</p>
<p>&nbsp;</p>
<!-- Social Buttons Generated by Digg Digg plugin v5.3.6,
    Author : Buffer, Inc
    Website : http://bufferapp.com/diggdigg -->]]></content:encoded>
			<wfw:commentRss>http://www.spydertrap.com/blog/2013/01/understanding-your-customers-e-commerce-journey/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Improving User Experience With jQuery Smooth Page Anchor Transitions</title>
		<link>http://www.spydertrap.com/blog/2012/08/user-experience-jquery-smooth-page-anchor-transitions/</link>
		<comments>http://www.spydertrap.com/blog/2012/08/user-experience-jquery-smooth-page-anchor-transitions/#comments</comments>
		<pubDate>Mon, 13 Aug 2012 17:46:31 +0000</pubDate>
		<dc:creator>Travis Manick</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.spydertrap.com/blog/?p=2607</guid>
		<description><![CDATA[If you have a lot of content on a single page on your website, it&#8217;s a good idea to provide links at the top to help navigate to specific sections further down. This improves the user experience of your website &#8230; <a href="/blog/2012/08/user-experience-jquery-smooth-page-anchor-transitions/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p id="top">If you have a lot of content on a single page on your website, it&#8217;s a good idea to provide links at the top to help navigate to specific sections further down. This improves the <strong>user experience</strong> of your website because it eliminates the need for your viewer to scroll down through a lot of content just to find a specific topic.  Let&#8217;s look at how to use jQuery and anchor tags to improve your websites usability.</p>
<p><a title="Wikipedia" href="http://en.wikipedia.org/wiki/Html" target="_blank">Wikipedia</a> is a great example of a site that utilizes this. When you click on an item in the table of contents, you are instantly brought to that topic, without having to scroll down and search for it.</p>
<h2>Developing Page Transitions</h2>
<p>This is accomplished by creating an anchor tag that targets an ID instead of a new file or directory. For example:</p>
<div id="fvch-codeblock-0" class="fvch-codeblock">
<table>
<tr>
<td class="fvch-line-numbers">
<pre>1
</pre>
</td>
<td class="fvch-code">
<pre id="fvch-code-0"><span class="html"><span class="html-anchor-element">&lt;a href=<span class="html-attribute">&quot;#chapter2&quot;</span>&gt;</span>Go to Chapter 2<span class="html-anchor-element">&lt;/a&gt;</span></span></pre>
</td>
</tr>
</table>
</div>
<p>And then creating an element further down the page with an identical ID:</p>
<div id="fvch-codeblock-1" class="fvch-codeblock">
<table>
<tr>
<td class="fvch-line-numbers">
<pre>1
</pre>
</td>
<td class="fvch-code">
<pre id="fvch-code-1">&lt;h2 id=&quot;chapter2&quot;&gt;Chapter 2&lt;/h2&gt;</pre>
</td>
</tr>
</table>
</div>
<p><a title="The Mother Baby Center" href="http://www.themotherbabycenter.org/"><img style="border: 2px #cccccc solid; margin: 0 0 10px 10px;" title="The Mother Baby Center" src="/blog/wp-content/uploads/2012/08/The-Mother-Baby-Center.jpg" border="0" alt="The Mother Baby Center" width="300" height="339" align="right" /></a><br />
This can be jarring to your user experience, however. With the one click, they are snapped to a different section of the page.</p>
<p>While they can always go back to the top of the page (you did put a &#8216;Back To Top&#8217; anchor nearby, right?), it can still be a confusing experience.</p>
<p>Instead of sending them directly to the anchor, let&#8217;s use some jQuery to send them down the page with a smooth transition.</p>
<p>With this, the transition to the anchor is easier to follow, and the user won&#8217;t lose their focus with a jolt.</p>
<h2>The jQuery Code</h2>
<p>We&#8217;re going to use jQuery&#8217;s animate function to scroll down automatically until the targeted ID is reached:</p>
<div id="fvch-codeblock-2" class="fvch-codeblock">
<table>
<tr>
<td class="fvch-line-numbers">
<pre>1
2
3
</pre>
</td>
<td class="fvch-code">
<pre id="fvch-code-2"><span class="js"><span class="js-function-keyword">function</span> goToByScroll<span class="js-bracket">(</span>id<span class="js-bracket">)</span><span class="js-bracket">{</span>
$<span class="js-bracket">(</span><span class="js-string">'html,body'</span><span class="js-bracket">)</span>.animate<span class="js-bracket">(</span><span class="js-bracket">{</span>scrollTop<span class="js-operator">:</span> $<span class="js-bracket">(</span>id<span class="js-bracket">)</span>.offset<span class="js-bracket">(</span><span class="js-bracket">)</span>.top<span class="js-bracket">}</span>,<span class="js-string">'slow'</span><span class="js-bracket">)</span>;
<span class="js-bracket">}</span></span></pre>
</td>
</tr>
</table>
</div>
<p>With this, we can bind a click function to our &lt;a&gt; tags, so we don&#8217;t have to edit the HTML at all. Let&#8217;s assume we have a list of navigation items that send a user down the page:</p>
<div id="fvch-codeblock-3" class="fvch-codeblock">
<table>
<tr>
<td class="fvch-line-numbers">
<pre>1
2
3
4
5
</pre>
</td>
<td class="fvch-code">
<pre id="fvch-code-3"><span class="html"><span class="html-other-element">&lt;ul class=<span class="html-attribute">&quot;nav&quot;</span>&gt;</span>
<span class="html-other-element">&lt;li&gt;</span><span class="html-anchor-element">&lt;a href=<span class="html-attribute">&quot;#chapter1&quot;</span>&gt;</span>Chapter 1<span class="html-anchor-element">&lt;/a&gt;</span><span class="html-other-element">&lt;/li&gt;</span>
<span class="html-other-element">&lt;li&gt;</span><span class="html-anchor-element">&lt;a href=<span class="html-attribute">&quot;#chapter2&quot;</span>&gt;</span>Chapter 2<span class="html-anchor-element">&lt;/a&gt;</span><span class="html-other-element">&lt;/li&gt;</span>
<span class="html-other-element">&lt;li&gt;</span><span class="html-anchor-element">&lt;a href=<span class="html-attribute">&quot;#chapter3&quot;</span>&gt;</span>Chapter 3<span class="html-anchor-element">&lt;/a&gt;</span><span class="html-other-element">&lt;/li&gt;</span>
<span class="html-other-element">&lt;/ul&gt;</span></span></pre>
</td>
</tr>
</table>
</div>
<p>Whenever an anchor tag is clicked within the nav, we want our function to fire and prevent the anchor link&#8217;s default functionality from happening. Here is our click function:</p>
<div id="fvch-codeblock-4" class="fvch-codeblock">
<table>
<tr>
<td class="fvch-line-numbers">
<pre>1
2
3
4
5
6
</pre>
</td>
<td class="fvch-code">
<pre id="fvch-code-4"><span class="js">$<span class="js-bracket">(</span><span class="js-client-keyword">document</span><span class="js-bracket">)</span>.ready<span class="js-bracket">(</span><span class="js-function-keyword">function</span><span class="js-bracket">(</span><span class="js-bracket">)</span><span class="js-bracket">{</span>
$<span class="js-bracket">(</span><span class="js-string">'.nav a'</span><span class="js-bracket">)</span>.<span class="js-client-keyword">click</span><span class="js-bracket">(</span><span class="js-function-keyword">function</span><span class="js-bracket">(</span><span class="js-bracket">)</span><span class="js-bracket">{</span>
goToByScroll<span class="js-bracket">(</span>$<span class="js-bracket">(</span><span class="js-reserved-keyword">this</span><span class="js-bracket">)</span>.attr<span class="js-bracket">(</span><span class="js-string">'href'</span><span class="js-bracket">)</span><span class="js-bracket">)</span>;
<span class="js-reserved-keyword">return</span> <span class="js-reserved-keyword">false</span>;
<span class="js-bracket">}</span><span class="js-bracket">)</span>;
<span class="js-bracket">}</span><span class="js-bracket">)</span>;</span></pre>
</td>
</tr>
</table>
</div>
<p>And that&#8217;s it! We grab the value of the anchor&#8217;s href, use it in our function, and then prevent the anchor link&#8217;s default functionality from completing with &#8216;return false&#8217;.</p>
<p><strong><a class="exampleClick" href="#wrapper">You can even try it out by clicking this text to send you up the page!</a></strong><br />
<script src="/blog/scripts/travpost.js" type="text/javascript"></script></p>
<p>Using this in place of the anchor link&#8217;s default functionality gives you a much cleaner user experience on your website with a simple and lightweight amount of code.</p>
<!-- Social Buttons Generated by Digg Digg plugin v5.3.6,
    Author : Buffer, Inc
    Website : http://bufferapp.com/diggdigg -->]]></content:encoded>
			<wfw:commentRss>http://www.spydertrap.com/blog/2012/08/user-experience-jquery-smooth-page-anchor-transitions/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Spyder Trap Is Proud To Support Defending The Blue Line &amp; Their NHL Charity Game</title>
		<link>http://www.spydertrap.com/blog/2012/06/spyder-trap-is-proud-to-support-defending-the-blue-line-their-nhl-charity-game/</link>
		<comments>http://www.spydertrap.com/blog/2012/06/spyder-trap-is-proud-to-support-defending-the-blue-line-their-nhl-charity-game/#comments</comments>
		<pubDate>Tue, 19 Jun 2012 14:24:40 +0000</pubDate>
		<dc:creator>Mike Rynchek</dc:creator>
				<category><![CDATA[Spyder Trap News]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.spydertrap.com/blog/?p=2560</guid>
		<description><![CDATA[On Wednesday, June 20th, 2012, Defending the Blue Line (DTBL) will be hosting a NHL Players Charity Game at Ridder Arena in Minneapolis.  Activities begin at 3:30 pm, including an autograph session, with the puck dropping at 7:00 pm.  Tickets are &#8230; <a href="/blog/2012/06/spyder-trap-is-proud-to-support-defending-the-blue-line-their-nhl-charity-game/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>On Wednesday, June 20th, 2012, <a title="Defending the Blue Line Charity" href="http://www.defendingtheblueline.org/" target="_blank">Defending the Blue Line</a> (DTBL) will be hosting a NHL Players Charity Game at Ridder Arena in Minneapolis.  Activities begin at 3:30 pm, including an autograph session, with the puck dropping at 7:00 pm.  <a title="NHL Charity game tickets" href="http://www.defendingtheblueline.org/get-involved/events/nhl-charity-hockey-game/" target="_blank">Tickets are still available</a> for the game on its website.</p>
<p><a href="/blog/wp-content/uploads/2012/06/dtbl-web-design-ST1.jpg"><img class="alignnone size-full wp-image-2561" title="dtbl-web-design-ST1" src="/blog/wp-content/uploads/2012/06/dtbl-web-design-ST1.jpg" alt="DTBL web design by Spyder Trap" width="620" height="464" /></a></p>
<h2>This Great Cause Needed A Great Website</h2>
<p>Last year, Spyder Trap was fortunate to get involved with DTBL and meet founder <a title="Shane Hudella" href="http://www.defendingtheblueline.org/about/staff/shane-hudella/" target="_blank">First Sergeant Shane Hudella</a>.  We quickly saw that donating our web design and development skills were a perfect way to support the mission of ensuring that children of military members are afforded every opportunity to participate in the game of hockey.</p>
<p>In January, Spyder Trap redesigned the website for Defending the Blue Line and gave the organization a better online platform to generate awareness, involvement, and <a title="DTBL donations" href="http://www.defendingtheblueline.org/donate/" target="_blank">donations</a>.   The website was put together with “first line” quality and gave DTBL a content management system, blog, e-commerce store, photo galleries and more.</p>
<p><a href="/blog/wp-content/uploads/2012/06/DTBL-web-redesign-ST2.jpg"><img class="alignnone size-full wp-image-2562" title="DTBL-web-redesign-ST2" src="/blog/wp-content/uploads/2012/06/DTBL-web-redesign-ST2.jpg" alt="website redesign events for DTBL" width="620" height="411" /></a></p>
<p>&nbsp;</p>
<p>If you’re at Ridder Arena on Wednesday night, be on the lookout for a few of the Spyder Trap staff as we’ll be there supporting Defending the Blue Line and this fantastic event.</p>
<!-- Social Buttons Generated by Digg Digg plugin v5.3.6,
    Author : Buffer, Inc
    Website : http://bufferapp.com/diggdigg -->]]></content:encoded>
			<wfw:commentRss>http://www.spydertrap.com/blog/2012/06/spyder-trap-is-proud-to-support-defending-the-blue-line-their-nhl-charity-game/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mobile Websites &amp; Apps Built For Business</title>
		<link>http://www.spydertrap.com/blog/2012/04/mobile-websites-apps-built-for-business/</link>
		<comments>http://www.spydertrap.com/blog/2012/04/mobile-websites-apps-built-for-business/#comments</comments>
		<pubDate>Wed, 25 Apr 2012 17:28:37 +0000</pubDate>
		<dc:creator>Aaron Weiche</dc:creator>
				<category><![CDATA[Apps]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.spydertrap.com/blog/?p=2450</guid>
		<description><![CDATA[The rise of mobile is now impossible to ignore and businesses both small and big are looking to understand how they can have a valuable mobile presence and mobile marketing strategy. 2011 brought a huge leap in mobile devices, mobile &#8230; <a href="/blog/2012/04/mobile-websites-apps-built-for-business/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>The <strong>rise of mobile</strong> is now impossible to ignore and businesses both small and big are looking to understand how they can have a valuable mobile presence and mobile marketing strategy.</p>
<p><a href="/blog/wp-content/uploads/2012/04/mobile-web-apps-examples.jpg"><img class="alignnone size-full wp-image-2454" title="mobile-web-apps-examples" src="/blog/wp-content/uploads/2012/04/mobile-web-apps-examples.jpg" alt="Mobile websites and apps" width="625" height="296" /></a></p>
<p>2011 brought a huge leap in mobile devices, mobile searches, mobile apps, and mobile websites, so much so that the predictions in mobile all center around when it will eclipse desktop Internet use.</p>
<p>At Spyder Trap, we’ve been deep into <a title="Mobile web and mobile app development" href="/mobile">mobile solutions</a> for a while and have been able to build apps and mobile websites that help you <a title="WA Frost Mobile website" href="/portfolio/wa-frost-mobile-website">find the right wine</a>, book a <a title="MInneapolis Depot Hotel" href="/portfolio/the-depot-minneapolis-mobile">hotel room</a>, locate a <a title="CSM Commercial Mobile Website" href="/portfolio/csm">commercial property</a>, follow a <a title="Tucker Hibbert Snowcross mobile" href="/portfolio/tucker-hibbert">X Games gold medalist</a>, attend a <a title="MIMA Summit conference iPhone app" href="/portfolio/mima-summit-app">conference</a>, find <a title="Children's Hospitals and Clinics of Minnesota" href="/portfolio/childrens-hospitals-clinics-mobile">healthcare for your child</a> and more.</p>
<h2>Business Mobile Website &amp; App Favorites</h2>
<p>Our staff weighed in by sharing their favorite mobile apps and websites they use from other businesses.  This list won’t include Twitter, Instagram, Angry Birds and other mobile solutions that are services, games or content networks.</p>
<p>We wanted to give you a list of brick and mortar businesses that are succeeding at mobile.  Not surprising, you’ll see mobile websites and apps that make our lives easier for finances, health, dining and shopping.</p>
<h2>Here&#8217;s Our 15 Mobile Picks:</h2>
<p><strong><a title="Jimmy John's App" href="http://itunes.apple.com/us/app/jimmy-johns-gourmet-sandwiches/id409366411" target="_blank">Jimmy John&#8217;s – App</a></strong><br />
The app is almost like the delivery people … freaky fast. It saves addresses you&#8217;ve previously ordered from, the navigation to order is simple, and the checkout is quick because it saves past payment methods.</p>
<p><strong><a title="lululemon mobile website - ecommerce" href="http://www.lululemon.com/community/blog/weve-gone-mobile/" target="_blank">lululemon &#8211; Mobile Web</a></strong><br />
Easy and intuitive navigation of all their products.  Large product photos, detailed but simple product pages make it easy to research your next in-store purchase.  Mobile e-commerce enabled, the site offers a simple 3 step purchase process.</p>
<p><strong><a title="Walgreens App" href="http://www.walgreens.com/topic/apps/learn_about_mobile_apps.jsp" target="_blank">Walgreen&#8217;s &#8211; App </a></strong><br />
It&#8217;s awesome because you can scan the prescription bottle and it automatically sends your request to refill. It also allows you to upload images, which you can pick up as prints at your local Walgreen&#8217;s store.</p>
<p><strong><a title="Nike golf mobile web" href="http://www.nike.com/nikeos/p/nikegolf/en_US/mobile/" target="_blank">Nike Golf &#8211; Mobile Web</a><br />
</strong>Clean mobile website with features to browse all their golf clubs, locate a dealer and watch videos of their state-of-the-art product development facility called The Oven.</p>
<p><strong><a title="Core Power Yoga app" href="http://www.corepoweryoga.com/iphoneapplication.aspx" target="_blank">CorePower Yoga &#8211; App<br />
</a></strong>CorePower Yoga Studios have a great app that is fully updated with their schedules.  I can choose locations and see what classes are when. Only downside is I can’t check my account status.</p>
<p><strong><a title="Whole Foods mobile" href="http://www.wholefoodsmarket.com/apps/index.php" target="_blank">Whole Foods &#8211; App</a></strong><br />
Great filters for all types of recipes. The app allows me to add ingredients to a shopping list for my next trip.</p>
<p><strong><a title="Pizza app" href="http://www.papajohns.com/ordering/mobile_iphone.shtm" target="_blank">Papa John’s &#8211; App</a></strong><br />
I like how it allows you to build your own pizza. Olives on half, pepperoni on the other half .  It also ties in promotion codes and specials to take advantage of. Lastly, it geolocates to ID closest store.</p>
<p><strong><a title="Home Depot" href="http://ext.homedepot.com/community/blog/home-depot-mobile-apps-and-web-apps-for-more-saving-more-doing/" target="_blank">Home Depot &#8211; App</a></strong><br />
The app is great because you can search for certain SKUs within specific locations, and it even tells you what aisle to find it in.</p>
<p><strong><a title="Credit Union mobile web" href="http://www.uwcu.org/OnlineBanking/Mobile.aspx" target="_blank">UW Credit Union -Mobile Web</a></strong><br />
It has a great mobile website that prompts you to bookmark the site to your home screen. Great UI, cross platform, quick access to most commonly used features.</p>
<p><strong><a title="US Bank mobile apps" href="http://www.usbank.com/mobile/index.html" target="_blank">US Bank &#8211; App</a></strong><br />
Easy access to account information for mobile banking and a good branch locator as well.</p>
<p><strong><a title="Jo-Ann Fabrics mobile" href="http://www.joann.com/mobile/" target="_blank">Jo-Ann Fabrics &#8211; App<br />
</a></strong>It is simple and does exactly what I need it to do. The app gives me coupons when I am on the go and tells me the location of the nearest Jo-Ann Fabrics. I like this because I never plan my trips!</p>
<p><strong><a title="Starbucks app" href="http://www.starbucks.com/blog/archive/mobile" target="_blank">Starbucks &#8211; App</a></strong><br />
You can do mobile payments through a gift card, easily find stores and their amenities (drive-through, mobile payment, food, wireless, etc), save your favorite drink and track rewards.</p>
<p><strong><a title="Target" href="http://sites.target.com/site/en/spot/page.jsp?title=mobile_landing" target="_blank">Target &#8211; App &amp; Mobile Web</a></strong><br />
Both the mobile web and app experience are very similar.  You get the weekly ad, store listings and hours, ability to shop and create shopping lists.</p>
<p><strong><a title="Delta mobile app" href="http://www.delta.com/traveling_checkin/travel_tips/mobile/index.jsp" target="_blank">FlyDelta &#8211; App</a></strong><br />
The app has the ability to view upcoming trips/purchased tickets, email itineraries, check in for a flight and use your phone as your boarding pass.</p>
<p><strong><a href="http://www.subway.com/" target="_blank">Subway &#8211; Mobile Web</a></strong><br />
The site has a really clean interface and I can easily locate the nearest location for fresh sandwiches.  Great example of a big chain mobile done right.</p>
<h2>Have A Mobile Favorite?</h2>
<p>Do you have a mobile website or app that you engage with that belongs to a brick and mortar business?  We&#8217;d love your comments on your favorite.</p>
<p>&nbsp;</p>
<!-- Social Buttons Generated by Digg Digg plugin v5.3.6,
    Author : Buffer, Inc
    Website : http://bufferapp.com/diggdigg -->]]></content:encoded>
			<wfw:commentRss>http://www.spydertrap.com/blog/2012/04/mobile-websites-apps-built-for-business/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Spyder Trap Answers The Overnight Web Challenge CALL</title>
		<link>http://www.spydertrap.com/blog/2012/04/spyder-trap-answers-the-overnight-web-challenge-call/</link>
		<comments>http://www.spydertrap.com/blog/2012/04/spyder-trap-answers-the-overnight-web-challenge-call/#comments</comments>
		<pubDate>Wed, 11 Apr 2012 18:26:56 +0000</pubDate>
		<dc:creator>Aaron Weiche</dc:creator>
				<category><![CDATA[Events & Speaking]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Spyder Trap News]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.spydertrap.com/blog/?p=2418</guid>
		<description><![CDATA[For the second consecutive year, Spyder Trap fielded a talented team, named RunPHP, of web professionals to take part in the Overnight Web Challenge.  The event is a marathon where a team of web designers, developers and strategists completely rebuild a deserving non-profits website (and more) &#8230; <a href="/blog/2012/04/spyder-trap-answers-the-overnight-web-challenge-call/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>For the <a title="2011 Overnight Web Challenge Recap" href="/blog/2011/03/overnight-website-challenge-met-web-design-at-breakneck-speed/">second consecutive year</a>, Spyder Trap fielded a talented team, named RunPHP, of web professionals to take part in the <strong>Overnight Web Challenge</strong>.  The event is a marathon where a team of web designers, developers and strategists completely rebuild a deserving non-profits website (and more) in just 24 hours for free.</p>
<h2>Cancer Legal Line Redesigned</h2>
<p>Part of the event&#8217;s drama is that you only learn of the non-profit you will be working with right at the start of the event.  RunPHP was extremely fortunate to be paired with <a title="Cancer Legal Line - MN cancer resource" href="http://www.cancerlegalline.org/" target="_blank">Cancer Legal Line (CALL)</a>, a non-profit with a mission to alleviate the non-medical stressors faced by cancer patients and their loved ones by educating and providing them with cancer related legal information, resources and referrals.</p>
<h2>CALL Website Redesign (Shiny &amp; New)</h2>
<p><img class="alignnone size-full wp-image-2430" title="CALL-new-webdesign" src="/blog/wp-content/uploads/2012/04/CALL-new-webdesign.jpg" alt="web redesign for CALL" width="620" height="519" /></p>
<h2>The Old CALL Web Design</h2>
<p><img class="alignnone size-full wp-image-2420" title="CancerLLoldwebdesign" src="/blog/wp-content/uploads/2012/04/CancerLLoldwebdesign.jpg" alt="Old Cancer Legal Line Web Design" width="620" height="450" /></p>
<h2>A Web Design To Build On</h2>
<p>When we jumped into the discovery phase with CALL founder Lindy Yokanovich, we learned the incredible service the she and Lindsay Flint provide to cancer patients, survivors and families.  We sought to make the website easier to navigate, more accesible and easier to manage.</p>
<p>The design was an easy upgrade and we built the website on a flexible and easy to use <a title="CMS web content management systems" href="/web-design/content-management-systems">CMS</a> called Concrete5.</p>
<p>CALL is also supported by volunteer attorney&#8217;s who give their time to help the cause.  We build a private back-end of the site to make collaboration, referrals and communication even better.  Each attorney working with CALL has a profile to manage, a resource center, calendar and more.</p>
<h2>Social Media, Mobile Web Design &amp; More</h2>
<p>Our team wasn&#8217;t satisfied with just a redesign of the website and we dug deeper to help change CALL&#8217;s online landscape.</p>
<blockquote class="twitter-tweet tw-align-center"><p>23,000 Minnesotans are diagnosed with cancer every year. Help us reach someone looking for help. <a title="http://www.facebook.com/CancerLegalLine" href="http://t.co/fC4yUZjm">facebook.com/CancerLegalLine</a></p>
<p>— Aaron Weiche (@AaronWeiche) <a href="https://twitter.com/AaronWeiche/status/183762663107596288">March 25, 2012</a></p></blockquote>
<p><script src="//platform.twitter.com/widgets.js"></script></p>
<p>We created a social media strategy, new social branding elements and worked our own social networks to add more than 100 Likes to their <a title="CALL on Facebook" href="http://www.facebook.com/CancerLegalLine" target="_blank">Facebook profile</a>. You might want to add your Like to the list.</p>
<p><a href="/blog/wp-content/uploads/2012/04/CancerLLfacebook.jpg"><img class="alignnone size-full wp-image-2419" title="CancerLLfacebook" src="/blog/wp-content/uploads/2012/04/CancerLLfacebook.jpg" alt="Facebook timeline design for CALL" width="620" height="476" /></a></p>
<p><a href="/blog/wp-content/uploads/2012/04/CancerLLfacebook.jpg"></a>Our team didn&#8217;t stop with social media.  We provided search marketing research, analytics and designed a mobile website to increase the reach of CALL.  Our team&#8217;s endless use of Twitter during the event even motivated Lindy and Lindsay to start an account for CALL (<a title="Cancer Legal Line on Twitter" href="https://twitter.com/#!/cancerlegalline" target="_blank">@cancerlegalline</a>).</p>
<p><a href="/blog/wp-content/uploads/2012/04/Mobile-Web-design-CALL.jpg"><img class="alignnone size-full wp-image-2437" title="Mobile-Web-design-CALL" src="/blog/wp-content/uploads/2012/04/Mobile-Web-design-CALL.jpg" alt="mobile web design for non-profit CALL" width="620" height="600" /></a></p>
<h2>Humbled, Inspired &amp; A Bit Tired</h2>
<p>When all the dust settled after 24 hours, it was once again an incredible experience. Spyder Trap web developer Joe Barhorst even used the event to launch his modeling career by appearing on the <a href="http://photos.twincities.com/2012/03/photos-web-building-nerds-work-overtime-for-nonprofits/19318/" target="_blank">front page of the Pioneer Press</a> Monday paper.</p>
<p><a href="/blog/wp-content/uploads/2012/04/joeB-OWC-1.jpg"><img class="alignnone size-full wp-image-2421" title="joeB-OWC-1" src="/blog/wp-content/uploads/2012/04/joeB-OWC-1.jpg" alt="Spyder Trap's Joe Barhost at OWC 2012" width="620" height="338" /></a></p>
<p>It&#8217;s amazing to apply our talents for such a great organization in a rapid, but meaningful, way.  <strong>Thank you Lindy and Lindsay</strong> for putting up with us, sharing your passion to give with us and letting us move your efforts forward.</p>
<p>To all of the Spyder Trap staff, friends and social connections that cheered, tweeted and even visited us, your support was appreciated!  Here are a few additional photos from the Overnight Web Challenge.</p>
<div id="attachment_2423" class="wp-caption alignnone" style="width: 610px"><a href="/blog/wp-content/uploads/2012/04/OWCcall1a.jpg"><img class="size-full wp-image-2423" title="OWCcall1a" src="/blog/wp-content/uploads/2012/04/OWCcall1a.jpg" alt="" width="600" height="399" /></a><p class="wp-caption-text">CALL&#39;s Lindy Y. and Lindsay F. with Jeff Wagner</p></div>
<div id="attachment_2424" class="wp-caption alignnone" style="width: 610px"><a href="/blog/wp-content/uploads/2012/04/OWCcall2a.jpg"><img class="size-full wp-image-2424" title="OWCcall2a" src="/blog/wp-content/uploads/2012/04/OWCcall2a.jpg" alt="" width="600" height="394" /></a><p class="wp-caption-text">Travis Neiderhiser mapping out the master plan</p></div>
<div id="attachment_2427" class="wp-caption alignnone" style="width: 610px"><a href="/blog/wp-content/uploads/2012/04/OWC-teamRUNphp.jpg"><img class="size-full wp-image-2427" title="OWC-teamRUNphp" src="/blog/wp-content/uploads/2012/04/OWC-teamRUNphp.jpg" alt="Spyder Trap OWC team" width="600" height="432" /></a><p class="wp-caption-text">The Spyder Trap / RunPHP Overnight Web Challenge Team</p></div>
<!-- Social Buttons Generated by Digg Digg plugin v5.3.6,
    Author : Buffer, Inc
    Website : http://bufferapp.com/diggdigg -->]]></content:encoded>
			<wfw:commentRss>http://www.spydertrap.com/blog/2012/04/spyder-trap-answers-the-overnight-web-challenge-call/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Marketing &amp; Technology Predictions For 2012</title>
		<link>http://www.spydertrap.com/blog/2012/01/marketing-technology-predictions-for-2012/</link>
		<comments>http://www.spydertrap.com/blog/2012/01/marketing-technology-predictions-for-2012/#comments</comments>
		<pubDate>Tue, 17 Jan 2012 15:49:02 +0000</pubDate>
		<dc:creator>Aaron Weiche</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Search Marketing]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.spydertrap.com/blog/?p=2309</guid>
		<description><![CDATA[I solicited the online and mobile marketing experts at Spyder Trap to give their thoughts on what the near future holds in our industry. You&#8217;ll find predictions covering web design, mobile, music, search, social and more below in our marketing &#8230; <a href="/blog/2012/01/marketing-technology-predictions-for-2012/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p><a href="/blog/wp-content/uploads/2012/01/2012-predictions-tech.jpg"><img class="alignright size-full wp-image-2318" style="margin-left: 15px; margin-right: 15px; margin-top: 10px; margin-bottom: 10px;" title="2012-predictions-tech" src="/blog/wp-content/uploads/2012/01/2012-predictions-tech.jpg" alt="2012 Technology predictions" width="275" height="202" /></a>I solicited the online and mobile marketing experts at Spyder Trap to give their thoughts on what the near future holds in our industry.</p>
<p>You&#8217;ll find predictions covering web design, mobile, music, search, social and more below in our <strong>marketing and technology predictions for 2012</strong>.</p>
<p>While our crystal ball severely over heated from all of the predictions, there is no doubt this year will be another one full of cool technology and marketing integration.</p>
<h2>2012 Staff Predictions</h2>
<p><strong>TABLET:</strong> I think we&#8217;ll see the integration of tablet PCs with more mediums.  For example in the same way Nintendo&#8217;s Wii is introducing a controller that resembles a Tablet PC, I wouldn&#8217;t be surprised to see things like cable companies adopt this theme to improve their TV / Video On Demand user experiences.<br />
<em>Joe Barhorst – Developer</em></p>
<p><strong>INTEGRATION:</strong> Social, Digital &amp; Mainstream Marketing collaboration.  Example being a Coke ad synced across platforms like Facebook, YouTube, Twitter and others.<br />
<em>Erin Moore – Project Manager</em></p>
<p><strong>GOOGLE +:</strong> Since Google just introduced Search plus Your World, I see either a strong exodus from Facebook and Twitter to Google+ profiles, or many people being turned off by the new search and using Bing.<br />
<em>Alicia Neubauer – Social Media Intern</em></p>
<p><strong>SEARCH &amp; SOCIAL:</strong> Search engines will be pushing information from social networks towards the top of the search results.  This continues to emphasize a huge need for tools and apps to help combine and organize multiple social network platforms.<br />
<em>Travis Neiderhiser – Developer</em></p>
<p><em> </em><strong>WEB DESIGN:</strong> <a title="Responsive web design" href="http://designmodo.com/responsive-design-examples/" target="_blank">Responsive web design</a> is going to be the major trend when designing/developing websites to suit multiple different devices.  I feel that companies will find this a huge advantage of having one website conform to any device without having to load content multiple different ways or for that matter having multiple budgets to support the design &amp; build of different websites for their company.<br />
<em>Jeff Wagner – Creative Director</em></p>
<p><strong>MUSIC: </strong>Technology focused on music sharing will engage music fanatics and freaks even more than the Spotifys of today. I&#8217;d love to see a solution connect the creators to the listeners on a tighter level.<br />
<em>Becca Tollefson – Project Manager</em></p>
<p><strong>TV:</strong> I foresee interactive TV&#8217;s being the center of our media universe and this will gain even more traction in 2012. No longer will be the days of a central media server rather all media content will be streamed from a central source such as a TV to a more local device such as a computer, iPad or mobile.<br />
<em>Mike Rynchek &#8211; President</em></p>
<p><strong>SOCIAL:</strong> The never-ending online social network and media coverage realms have continued to boom as we move forward in the age of technology. More companies begin to realize that connecting with the client and customer on a deeper level is more important than knowing &#8220;what&#8217;s hot&#8221; for the moment.<br />
<em>Lisa Ostrander – Executive Assistant</em></p>
<p><strong>APPS:</strong> The app-centric approach to technology will increase and even spill over to the wider technology sphere.  This means increasingly specific apps that interact with other apps.  It also means a cohesive experience between devices.  As marketers and developers, it&#8217;s our job to sell an experience, not just any one app or site, and now more than ever it&#8217;ll be our job to make sure that is simple, cohesive, and engaging in an environment in the midst of dramatic transition.<br />
<em>Perry Govier &#8211; Developer</em></p>
<p><strong>VOICE RECOGNITION: </strong>The integration of voice recognition technology, like Siri, into our daily routine. This technology will be used in everything from apps to make our lives easier, to selecting entertainment choices, to finding information faster and easier.<br />
<em>Jennie Eukel – Project Manager</em></p>
<p><strong>MOBILE:</strong> 70% of Americans will own a smartphone (44% now).<br />
<em>Barb Vanags – VP of Finance &amp; HR</em></p>
<p><strong>VOICE RECOGNITION: </strong>More hands free technology on all devices. Apple always starts a trend, so I know we&#8217;ll see more devices with voice recognition like Siri.   I want my phone to know what I want to read and read it to me so I can drive and hear the stories I want.<br />
<em>Liz Tunheim – Social Media Manager</em></p>
<p><strong>SOCIAL:</strong> <a title="Pinterest" href="http://pinterest.com/" target="_blank">Pinterest</a> and its booming growth is going to find a beautiful way to deliver extremely relevant ads to you. Ads you, as a user, are happy to see because they will be integrated with the boards and pins of those you follow. These new &#8220;AdPins&#8221; will match the look and category of those items/products/yards/homes/quotes you would normally see on the boards you follow.<br />
<em>Jamie Lee Jacobsen – Lead Project Manager</em></p>
<p><strong>FACIAL &amp; VOICE RECOGNITION:</strong> Facial recognition software will allow for customized public display advertising based on age, gender, and other visible demographic metrics.  Also, <a title="Voice recognition video" href="http://www.youtube.com/watch?v=hShY6xZWVGE" target="_blank">this will become reality</a>.<br />
<em>Tracy Henry – Search Marketing Associate</em></p>
<p><strong>GAMIFICATION:</strong> There will be a bigger push towards &#8220;active interaction&#8221; through devices such as Wii and Kinect, which could influence everything from how we interact with games and movies to how we control our computers, or a presentation.<br />
<em>Travis Manick – Developer</em></p>
<p><strong>MOBILE:</strong> Mobile devices will become as powerful as high end laptops. A user will have the ability to plug their phone into a screen and use it as a computer.<br />
<em>Ben Olsem – Designer</em></p>
<p><strong>MOBILE:</strong> Consumers more and more are looking to utilize their smart phones (check-ins, deals, payments, etc.) and brands still know this. Last year was another large year in mobile adoption, but this year I think will be defined by consumers maximizing their mobile to better navigate all aspects of their lives (health, finance, social, etc.).<br />
<em>Nick Bryant – Senior Account Executive</em></p>
<p><strong>SEARCH:</strong> Changes to search engine results and rankings continue to become more frequent at Google. Local, mobile, social and personalized results are all morphing at a rapid rate as Google mashes it&#8217;s technology and data across a massive audience.  Will it all be for the good of search or just the good of Google?<br />
<em>My prediction &#8211; Aaron Weiche</em></p>
<p>What will actually take hold in 2012? We might see all of these or just a few, but it&#8217;s easy to see that our industry is busting with innovation, growth and opportunity. No doubt this year will be another exciting one.</p>
<p>Do you have a prediction or comment to share on technology and marketing for this year?  Drop your comments below.</p>
<!-- Social Buttons Generated by Digg Digg plugin v5.3.6,
    Author : Buffer, Inc
    Website : http://bufferapp.com/diggdigg -->]]></content:encoded>
			<wfw:commentRss>http://www.spydertrap.com/blog/2012/01/marketing-technology-predictions-for-2012/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
