<?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>Cloudburst Design Studio &#187; Web Design</title>
	<atom:link href="http://www.cloudburstdesign.com/category/website-design-portfolio/website-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cloudburstdesign.com</link>
	<description>Websites, Print, Graphic Design and Web Development</description>
	<lastBuildDate>Fri, 23 Dec 2011 16:33:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Mobile Web Design &amp; HTML</title>
		<link>http://www.cloudburstdesign.com/responsive-mobile-web-design-boulder/</link>
		<comments>http://www.cloudburstdesign.com/responsive-mobile-web-design-boulder/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 15:32:34 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=1217</guid>
		<description><![CDATA[This responsive, mobile landing page was designed and developed for a special holiday discount on Webroot Mobile Security for Android mobile &#38; tablet devices.  The goal of this mobile web design project was to design and develop a responsive mobile landing page for visitors interested in this special offer.

Traffic would primarily reach the page via a link in an email newsletter sent out by the company, and although many visitors would be checking their email on desktop or laptop computers, more and more users have their email delivered to mobile devices like Android and iPhone, so having a responsive mobile landing page for this offer was critical for the mobile user experience.  Additionally, this was specifically an offer for Android Mobile Security, and it was important that Android mobile &#38; tablet users could view this responsive mobile landing page without having to zoom in on their device, and also have direct access to the Android Market to purchase and install the product immediately if they wanted to.
Mobile Web Design Details
Since the intended audience of this responsive mobile web design project was mobile browsers and tablets, a clean and lightweight design was used to elegantly highlight the product in use on Android phones &#38; tablets as shown in the product image, as well as the simple messaging on the page title for the special offer.  Immediately following the title, the pricing area and primary "Buy Now" call to action button on the mobile web page is featured with the full price ...<div><a href="http://www.cloudburstdesign.com/responsive-mobile-web-design-boulder/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2011/12/mobile-boulder-web-design-sm.jpg?52993a" /></a></div>
				<div></div><br/>Responsive Mobile Web Design Boulder ]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/responsive-mobile-web-design-boulder/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Leglube Ecommerce Website</title>
		<link>http://www.cloudburstdesign.com/leglube-boulder-ecommerce-website/</link>
		<comments>http://www.cloudburstdesign.com/leglube-boulder-ecommerce-website/#comments</comments>
		<pubDate>Sun, 12 Jun 2011 17:45:22 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Design Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=1016</guid>
		<description><![CDATA[The LegLube Ecommerce website was designed &#38; developed for this Boulder, Colorado, company as a fully customized Wordpress installation and Ecommerce shopping cart solution with full Paypal gateway integration as well as custom account creation for retailers to be able to purchase wholesale products for placement in the stores in Boulder and around the country.
Web Design Process
This project began with a thorough web design review process to identify the look &#38; feel that the client wanted for the LegLube Ecommerce website, which ultimately was a clean, open layout with subtle shades of grey throughout the design and easy navigation to product and cart pages. This created a great visual contrast with the physical product design and product photos on the site, which feature bright, vibrant use of color and brand consistency with the LegLube logo design. We worked very closely with the client during the design phase of the project to achieve exactly the experience that they wanted for their site visitors.
Web Development Process
The approved creative web site design was then implemented as a fully custom Wordpress theme and shopping cart solution that allows both typical consumer purchases, as well as wholesale purchases by retail customers that have created a LegLube "Retailer Account". The cart experience is identical for both types of customers, the only difference being that a different set of products are available for verified, logged-in retail customers, and taxes are dynamically applied different to both customers as well.



A custom registration form and process was created to allow ...<div><a href="http://www.cloudburstdesign.com/leglube-boulder-ecommerce-website/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2011/06/boulder-web-design-ecommerce-leglube-sm.jpg?52993a" /></a></div>
				<div></div><br/>Boulder Ecommerce Website Design]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/leglube-boulder-ecommerce-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shift Giving Website Design</title>
		<link>http://www.cloudburstdesign.com/nature-organic-website-design-boulder-co/</link>
		<comments>http://www.cloudburstdesign.com/nature-organic-website-design-boulder-co/#comments</comments>
		<pubDate>Mon, 23 May 2011 01:19:59 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Design Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=987</guid>
		<description><![CDATA[The Shift Giving To Nature Website Design project was a fun and creative project with an incredible message &#38; overall goal of helping site visitors connect with charities that raise money to protect endangered species.  After an initial consultation with the client, it was clear that this Boulder web design project would need to center around a primary video that the client created, and strongly evoke a connection to nature and the natural world while maintaining a clean and elegant look and feel on the site.

To accomplish these overall design goals within the actual website design, we started with a vibrant sky blue gradient, and then added cloud elements and rays of the sun coming from just beyond the top of the display screen.  We then added flourishes of organic elements, leaves, plants, and grasses to naturally frame the video window and create a rich, vibrant setting for the final video piece.  Other elements within this website design creative include a prominent text logo and tag line featuring subtle gradients, as well areas for site visitors to sign a commitment pledge, and sign-up for email newsletter reminders.  Several Non-Govermental Organizations (NGO's) are also featured in the lower portion of the design to encourage and facilitate site visitors to start making donations to these organizations as easily and quickly as possible.  Social media components for Facebook and Twitter are located beneath the video, and allow visitors to "Like" the site and also to "tweet" the Shift Giving To Nature page directly ...<div><a href="http://www.cloudburstdesign.com/nature-organic-website-design-boulder-co/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2011/05/boulder-website-design-shift-giving-to-nature-sm.jpg?52993a" /></a></div>
				<div></div><br/>Boulder Nature Website Design]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/nature-organic-website-design-boulder-co/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best Buy Landing Page</title>
		<link>http://www.cloudburstdesign.com/best-buy-landing-page-design/</link>
		<comments>http://www.cloudburstdesign.com/best-buy-landing-page-design/#comments</comments>
		<pubDate>Sun, 06 Mar 2011 21:00:32 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Design Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=780</guid>
		<description><![CDATA[This landing page design was created to allow Best Buy Reward Zone customers the opportunity to download and install a free version of Webroot Internet Security Essentials and Webroot AntiVirus as part of a one-time, special offer. The design of this page is clean and modern, with an emphasis on the physical product, and primary call to action button on the page to download the software.

After product messaging and content were completed, we implemented the various design elements, company logos, and other page content into this web page design, and launched the pages for public use.  This landing page design features subtle grey-to-white gradients and textures, horizontal line details to separate content, and a simple color scheme (following brand guidelines) to really bring focus to the product messaging as well as the boxed product itself, and give page visitors a simple pathway to download the product they came here for.  Ease of use for this page was the primary goal of this design, as well as letting Best Buy customers know they came to the right place to redeem their customer rewards.



We completed and coded two similar landing page designs/layouts for both the Internet Security Essentials product, as well as their Antivirus product, with slightly different messages and the appropriate product shots and related product awards for each page. Webroot headquarters are located in Broomfield, Colorado, and this projected was completed for Webroot's online marketing team in a collaborative design effort with many rounds of revisions and creative designs. Cloudburst ...<div><a href="http://www.cloudburstdesign.com/best-buy-landing-page-design/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2011/02/corporate-landing-page-design-sm.jpg?52993a" /></a></div>
				<div></div><br/>Lafayette Web Design Broomfield]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/best-buy-landing-page-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Monarch Logo &amp; Web Design</title>
		<link>http://www.cloudburstdesign.com/louisville-colorado-logo-web-design/</link>
		<comments>http://www.cloudburstdesign.com/louisville-colorado-logo-web-design/#comments</comments>
		<pubDate>Tue, 15 Feb 2011 03:24:16 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Design Portfolio]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=796</guid>
		<description><![CDATA[This logo &#38; web design project for Monarch Communications, in Louisville, Colorado, was completed on an accelerated timeline beginning with logo design creative, and finishing with a fully customized Wordpress installation, theme, admin panel, and banner graphics on the site.  The client was interested in a clean and contemporary look for their logo, with an equally clean web design layout to draw attention to the primary service of the company, which is case studies and building customer reference programs.

The client had their primary colors, Blue and Green, picked out in advance, and several rounds of creative were explored during the logo design process to reach the final logo design.  A san-serif font treatment was used in this butterfly logo design, with subtle gradients and light effects to create the finalized look.  We prepared horizontal and vertical "stacked" variations on this logo, and delivered these to the client in .eps vector formats for printing on business cards and brochures, as well as .jpg raster graphics for use on Facebook, Linked In, and Twitter accounts.

For the Web Design portion of this project, we began by setting up hosting, email accounts, and custom Wordpress installation, and then began developing the theme for this project as well as custom banner graphics and other web design elements. Custom Wordpress admin interface controls were created to allow Monarch Communications to easily add portfolio items and other content into their site in the future, and four banner graphics were added to the site homepage. In addition, ...<div><a href="http://www.cloudburstdesign.com/louisville-colorado-logo-web-design/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2011/02/Louisville-co-logo-design-sm.jpg?52993a" /></a></div>
				<div></div><br/>Louisville CO Logo Design Web Design]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/louisville-colorado-logo-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress Customization</title>
		<link>http://www.cloudburstdesign.com/wordpress-customization-web-design/</link>
		<comments>http://www.cloudburstdesign.com/wordpress-customization-web-design/#comments</comments>
		<pubDate>Sat, 01 Jan 2011 15:37:21 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Design Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[Corporate Identity]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=740</guid>
		<description><![CDATA[The Visualist Blog site launched in January, 2011, and serves as a visual computing technology blog for Denver-based Christopher Jaynes, the CTO for Mersive, which he founded in 2004.  The goal of this Wordpress customization site design was to create a rich visual computing and information resource, along with post discussion and social media integration, all while carrying over branded colors and elements from existing Mersive brand standards into the design.  The Mersive.com company website features a prominent link to The Visualist Blog in the main site navigation, so the user experience was a significant consideration during the wireframe and creative process.  Another major consideration was the ability to add frequent posts and other content to the site, so we developed and coded this site leveraging the Wordpress platform and administrator interface.

For the banner area of this site, we chose a large, bold, and modern font with a letterpress effect, and subtle gray to white gradient that intentionally overlaps with the main content region, slightly truncating the bottom of each letter, and creating a very connected look between the top and body regions of the page.  To add depth and incorporate Mersive brand colors, we created a green light-beam effect behind this bold headline text to convey the visual and technology aspects of this blog in an abstract way.

Secondary color choices beyond the green of the graphic banner area allow for small additions of color throughout the page on links, buttons, and comment notifications.  Custom fonts were also used for ...<div><a href="http://www.cloudburstdesign.com/wordpress-customization-web-design/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2011/01/denver-website-visualist-blog-sm.jpg?52993a" /></a></div>
				<div></div><br/>Denver Blog Website Wordpress Design]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/wordpress-customization-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Boulder Web Design: CCC</title>
		<link>http://www.cloudburstdesign.com/boulder-web-design-ccc/</link>
		<comments>http://www.cloudburstdesign.com/boulder-web-design-ccc/#comments</comments>
		<pubDate>Sun, 31 Oct 2010 17:05:22 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Design Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=639</guid>
		<description><![CDATA[This Boulder web design project for the Colorado Cross Classic event website was created to for the annual Cyclocross race, which takes place in Boulder, Colorado, and attracts professional riders from all over the state and beyond. This years event was supported by sponsors like Webroot, 1st Bank, Oskar Blues, VeloNews, and many other local Boulder area businesses.

The primary goal of the Colorado Cross Classic website / Boulder web design project was to inform riders about the 2010 event, including course maps and event info, online registration, event news and updates, as well as prominent placement of sponsor and partner logos for this Boulder event.  To help convey the location and setting of this event, we chose to use a large image of the iconic Boulder Flatirons as the site background, and then blurred the image to create a sense of distance and depth on the page.  The additional scrolling image banner on the website home page further highlights the nature of this Cyclocross event, and allows for graphic banner drivers to allow visitors to easily register for the Boulder event.

This Boulder web design project leveraged the popular Wordpress platform, which allowed us to hand off the site and its content to CCC event staff for ongoing updates, news posts, and addition of sponsors and other event info as race day approached.  The powerful Wordpress admin interface allowed for fast and easy site updates by multiple website editors, and connections to social sites, like Facebook &#38; Twitter, were also very ...<div><a href="http://www.cloudburstdesign.com/boulder-web-design-ccc/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2010/10/CCC-website-design-sm.jpg?52993a" /></a></div>
				<div></div><br/>Colorado Cross Classic Website Design Boulder]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/boulder-web-design-ccc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Boulder Website: Heidi Wicks</title>
		<link>http://www.cloudburstdesign.com/heidi-wicks-boulder-web-design/</link>
		<comments>http://www.cloudburstdesign.com/heidi-wicks-boulder-web-design/#comments</comments>
		<pubDate>Thu, 23 Sep 2010 22:09:50 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Design Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=573</guid>
		<description><![CDATA[The HeidiWicks.com website was designed to clearly communicate Heidi's personalized approach to Date Coaching and Matching, while incorporating her existing logo and branding colors throughout the site.  This is a Wordpress driven site, with a high level of customization to drive page functionality, as well as a customized Wordpress theme, custom page templates, and a remodeled Wordpress admin to make managing the content very easy for Heidi into the future.  Custom content types were created within Wordpress to handle templating and style formatting for client testimonials, news announcements, blog posts, and page content updates.

In addition to the Wordpress customization, we integrated the contact form on the site with Heidi's existing SalesForce.com account, so that all lead generation through her website is automatically synced with Sales Force, and she can more easily manage her clients and new leads going forward. We also migrated her existing Blogger blog posts into the new site structure and dating blog, which can all be maintained from the Admin panel and CMS that Heidi now uses to manage all her site content.

We kicked off this project with an informal meeting in Boulder over coffee, where Heidi described her hopes and requirements for the new site, as well as her existing online content that she wanted to incorporate into this new site.  We presented several site design variations to help guide the conversation and make decisions about overall layout, look and feel, as well as high level site functionality and color choices.  Once we collectively narrowed those ...<div><a href="http://www.cloudburstdesign.com/heidi-wicks-boulder-web-design/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2010/09/heidi-wicks-website-design-SM.jpg?52993a" /></a></div>
				<div></div><br/>boulder web design]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/heidi-wicks-boulder-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webroot Enterprise Banner</title>
		<link>http://www.cloudburstdesign.com/webroot-enterprise-banner-design/</link>
		<comments>http://www.cloudburstdesign.com/webroot-enterprise-banner-design/#comments</comments>
		<pubDate>Tue, 31 Aug 2010 15:06:26 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Design Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[motion graphics]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=514</guid>
		<description><![CDATA[This graphic banner design was created for the Boulder, Colorado, web security company, Webroot.  In addition to security software products for Home &#38; Home Office, Webroot also offers cloud-based, layered security solutions for enterprise and business customers around the world.  This banner is displayed on the Enterprise Products page of Webroot.com, and the primary "Call To Action" within the banner is designed to drive potential business customers to watch a detailed product overview.

In addition to driving potential customers to learn more about their business products, Webroot's existing customer testimonials are an excellent resource for new customers.  On the webroot.com enterprise home page, we designed and launched a simple, but powerful, flash banner to highlight these positive testimonials and customer experiences with Webroot's products.  This banner design features a modern, colorful "Bokeh" background texture, which gives a significant amount of depth to this design by creating an out of focus lighting effect and artificial depth of field.  The primary messaging utilizes subtle white and warm-gray gradients, and a modern font treatment with letterpress effect to create a good sense of string lighting on the page.  To enhance the primary message of "layered security" even further, we created a layered panel effect with the text boxes, which also further adds to the depth of this corporate banner design.

Webroot headquarters are located in Broomfield, Colorado, and this  projected was completed for Webroot’s online marketing team in a  collaborative design effort with many rounds of revisions and creative  designs. Cloudburst Design ...<div><a href="http://www.cloudburstdesign.com/webroot-enterprise-banner-design/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2010/09/webroot-layered-security-sm.jpg?52993a" /></a></div>
				<div></div><br/>Corporate Banner Graphic Design]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/webroot-enterprise-banner-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Prairie Club Website</title>
		<link>http://www.cloudburstdesign.com/prairie-club-flash-html-website/</link>
		<comments>http://www.cloudburstdesign.com/prairie-club-flash-html-website/#comments</comments>
		<pubDate>Sat, 01 May 2010 01:56:26 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Design Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[flash site conversion]]></category>
		<category><![CDATA[flash to html]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[image editing]]></category>
		<category><![CDATA[photo editing]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=454</guid>
		<description><![CDATA[The goal for The Prairie Club project was to take their existing flash website and site functionality, and convert it into an SEO friendly HTML website with a custom built content management system.  The primary challenge was to maintain the clients' current branding, look &#38; feel, and overall user experience using only HTML, CSS, and Javascript libraries.

Full flash websites are inherently bad for search engines, and generally don't produce high results in organic search listings.  By converting this site into HTML for the Prairie Club, not only are search listings and organic results greatly improved, but they are able to manage the site content via the custom Content Management System (CMS) and backend database that were built.

Visit site <div><a href="http://www.cloudburstdesign.com/prairie-club-flash-html-website/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2010/05/tpc-SM.jpg?52993a" /></a></div>
				<div></div><br/>Boulder Colorado Website Design]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/prairie-club-flash-html-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Database Caching 18/26 queries in 0.013 seconds using disk: basic

Served from: www.cloudburstdesign.com @ 2012-02-04 13:05:13 -->
