<?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</title>
	<atom:link href="http://www.cloudburstdesign.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cloudburstdesign.com</link>
	<description>Websites, Print, Graphic Design and Web Development</description>
	<lastBuildDate>Wed, 05 Jun 2013 23:57:41 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Microsite Web Design</title>
		<link>http://www.cloudburstdesign.com/microsite-web-design-geek-squad/</link>
		<comments>http://www.cloudburstdesign.com/microsite-web-design-geek-squad/#comments</comments>
		<pubDate>Fri, 24 May 2013 20:38:19 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=1566</guid>
		<description><![CDATA[This microsite web design project had strict requirements to match existing brand guidelines established by Geek Squad, and to create a consistent experience for microsite website visitors and allow quick and easy access to software downloads, FAQ's, installation guides, contact information, and live on-page Chat capability within the microsite.  We began this process by doing an informal audit of Geek Squad's website design, and other assets we were delivered at the start of the project, to determine the best elements to incorporate into this microsite web design project.
Microsite Web Design Elements
The primary goal of this microsite web design project was to allow for quick access to downloads and installation guides for PC, Mac, and Mobile users of the product, and match existing web design elements for the Geek Squad.  The homepage of this microsite web design project features the Geek Squad logo prominently in the upper left, followed by the product offer.  The colors used in the microsite design exactly match the Geek Squad brand colors, feature high-contrast font and callout box colors, as well as orange buttons and link colors over the callout boxes.  A grid-based columnar layout was used to keep the content organized, and the high-contrast primary and secondary buttons throughout this microsite web design should help to improve conversion on these web site pages.

The large photo headers over the block navigational elements within the microsite web design make finding and clicking through to other microsite pages very easy and intuitive for website visitors.  The navigation photos ...<div><a href="http://www.cloudburstdesign.com/microsite-web-design-geek-squad/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2013/05/landing-page-design-geek-squad.jpg" /></a></div>
				<div></div><br/>Microsite Web Design Geek Squad]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/microsite-web-design-geek-squad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mobile Responsive Web Design</title>
		<link>http://www.cloudburstdesign.com/mobile-responsive-web-design-development/</link>
		<comments>http://www.cloudburstdesign.com/mobile-responsive-web-design-development/#comments</comments>
		<pubDate>Sun, 19 May 2013 16:20:57 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=1533</guid>
		<description><![CDATA[The Velocraft Cycling mobile responsive web design project was a creative design project that we really enjoyed working on.  The creative direction on this mobile responsive web design project were wide open for us to explore to create a clean and compelling vision for the brand.  The Logo Design was already in place and well established, so our primary goal on this project was to create the mobile responsive website design for this client.
Mobile Responsive Web Design Process
Our mobile responsive web design process for this project had few requirements in place other than following the existing logo design elements and creating a visually pleasing website with clear information about Velocraft's products and services that was tailored for both computers and mobile browsers.  After several internal design rounds exploring different creative website design concepts, we settled on a clean and open layout that pulled in custom graphics we created for the top edge of the page design behind the logo.  The yellow, angular band brings in a real sense of motion and splash of color onto the mobile responsive web page design, and also helps set off the logo emblem adding depth to the page and a faux 3-d appearance on the site pages.  The primary navigation utilized forward slashes as the dividers between the navigation items, which also ties in nicely with the angular band.  A 12 column, grid-based layout was incorporated from the very beginning of the mobile responsive web design process, which allowed for rapid development after the ...<div><a href="http://www.cloudburstdesign.com/mobile-responsive-web-design-development/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2013/05/mobile-responsive-web-design-development-SM.jpg" /></a></div>
				<div></div><br/>Mobile Responsive Web Design &#038; Development]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/mobile-responsive-web-design-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Business Infographic Design</title>
		<link>http://www.cloudburstdesign.com/business-infographic-design/</link>
		<comments>http://www.cloudburstdesign.com/business-infographic-design/#comments</comments>
		<pubDate>Tue, 02 Apr 2013 19:48:49 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Print Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=1507</guid>
		<description><![CDATA[This business infographic design project was completed on an accelerated schedule to be used in social media channels and to promote a business report about Web Security threats.  This business infographic design follows the client brand guidelines, but also extends the brand styles to create a modern and compelling visual infographic design that highlights the key data points requested by the client.
Infographic Design Process
For this infographic design project, the client outlined the desired data/content "panels", rough messaging for each section, and provided the primary numerical data to be used in this infographic design piece.  Based on this data, and the primary headlines and sections of this infographic design, custom iconography and imagery was created and secured to create an impactful infographic design that conveys the keys sets of data the client was interested in communicating to readers.

The first infographic design panel content was location-based, so we incorporated a large digital map graphic as the background and located the data point over that graphic in a bold "callout" featuring bright colored fonts and country flags for each location.  Just below this map infographic, five data segments are called out with an altered pie-chart style and large percentage numbers to draw the reader into the data.  Using large numbers and interesting graphs for the data display really serves the readers well, as they are quickly able to understand the most important data presented in the associated report document.

Another important element in this infographic design is a small line element that follows the ...<div><a href="http://www.cloudburstdesign.com/business-infographic-design/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2013/04/business-inforgraphic-design-boulder-SM1.jpg" /></a></div>
				<div></div><br/>Business Infographic Design Boulder]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/business-infographic-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webroot Website Redesign</title>
		<link>http://www.cloudburstdesign.com/webroot-website-redesign/</link>
		<comments>http://www.cloudburstdesign.com/webroot-website-redesign/#comments</comments>
		<pubDate>Sun, 11 Nov 2012 18:59:52 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=1480</guid>
		<description><![CDATA[This website redesign project for Webroot, a Broomfield, Colorado, Internet Security Company, was designed and launched as a part of a new business product offering in 2012.  The scope of this project included website design for the entire business section of the corporate website, and included major design updates to help visually convey the modern, light, clean, and cutting edge characteristics of the new business product line.
Web Redesign Project Scope
The scope of this web design project was comprehensive, and really shifted the design style for the business-side of the corporate website.  The fonts, navigation layout, and overall page layouts were updated as a part of the design process, as well as updated graphics and iconography throughout the business sections of the website.  The primary goal for this redesign project was to effectively communicate the features and benefits of the new products in a visual, compelling, and easy to read manner. Our role in this project was strictly design and delivery of Photoshop (PSD) files to the development team, and from these various page designs, templates were created and ported into a custom Content Management System (CMS) by the development team for use on the site.
Design Features
The use of the corporate green throughout the design is subtle, but present in small details, borders, and section titles.  Large font headlines in either light font weights, or all capital letters help define the content sections of the pages.  This was designed off a 12-column grid layout with balanced gutters and overall spacing to ...<div><a href="http://www.cloudburstdesign.com/webroot-website-redesign/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2012/11/webroot-business-website-redesign-SM.jpg" /></a></div>
				<div></div><br/>Webroot Business Website Redesign Icon Design]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/webroot-website-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OMNI Website Design Denver</title>
		<link>http://www.cloudburstdesign.com/omni-website-design-denver/</link>
		<comments>http://www.cloudburstdesign.com/omni-website-design-denver/#comments</comments>
		<pubDate>Thu, 25 Oct 2012 21:53:01 +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=1457</guid>
		<description><![CDATA[This website design project for OMNI, a Denver nonprofit social science agency that supports nonprofits, foundations and government agencies, was executed over the summer in several design phases to support a phased roll out of the final website design.  The scope of this project included creating entirely new website designs to improve the overall online experience for potential OMNI clients, as well as highlight the importance and quality of the work that the organization does, in addition to overall brand recognition and improvements.
Website Design Creative
This Denver web design client was interested in having a clean, contemporary, and informational site designed with strong graphic call-outs and an organized layout to support the website content.  They also specifically requested a strong, but subtle use of color throughout the site design, and large rotating banner design elements on the site home page.  To meet these design requirements, we chose to incorporate a thin, 5-color design element in locations throughout the website design, most notably on the homepage banner top and bottom edges, as well as the top edge of the footer in all pages.  These individual colors are also used throughout the design as link colors, horizontal breaks, and title colors to tie the design together.  Due to the symmetry of the logo, we chose to center this logo on the page, with primary navigation on either side of the logo to create a unique, but balanced style for the top of the site pages.  A web-friendly, san-serif font was also used for ...<div><a href="http://www.cloudburstdesign.com/omni-website-design-denver/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2012/10/denver-web-design-OMNI-SM.jpg" /></a></div>
				<div></div><br/>OMNI Denver Website Design Web Banner]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/omni-website-design-denver/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PRC Annual Report Design</title>
		<link>http://www.cloudburstdesign.com/prc-annual-report-design-boulder/</link>
		<comments>http://www.cloudburstdesign.com/prc-annual-report-design-boulder/#comments</comments>
		<pubDate>Sun, 01 Jul 2012 03:10:17 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Print Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=1407</guid>
		<description><![CDATA[Public Radio Capital, a national nonprofit based in Boulder, Colorado, that provides consulting services for financing public media in communities nationwide, engaged us to design &#38; layout their 2011 annual report design.  The goal of the annual report design was to incorporate professional photography, typography, layout, and design elements to create a compelling and professional annual report for the organization.  The intended delivery of the final annual report design would be both online as an interactive web document, as well as physical printed reports for the organization.
Annual Report Design: Creative Process
During initial meetings and calls about this project, Public Radio Capital (PRC) had a strong desire for this report design to include large photos, good use of color throughout that matched the existing PRC brand, and a wide, side-by-side page layout to display facing pages in the online interactive document.  Print considerations include the obvious use of full color, and full bleeds, as well as binding methods and final document preparation for production.  Design elements chosen for the cover of the document include the PRC logo design, and a primary image of a radio &#38; recording microphone, coupled with lots of color and texture while maintaining a light and crisp look.  The cover also features a very limited amount of text to support the clean and concise report design, as well as an introduction to the main color pallet that will used throughout the report design.



Subsequent page designs in the annual report have strong use of color from the original ...<div><a href="http://www.cloudburstdesign.com/prc-annual-report-design-boulder/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2012/06/boulder-brochure-design-annual-report-SM.jpg" /></a></div>
				<div></div><br/>boulder brochure design annual report]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/prc-annual-report-design-boulder/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Infographic Design</title>
		<link>http://www.cloudburstdesign.com/web-infographic-design-colorado/</link>
		<comments>http://www.cloudburstdesign.com/web-infographic-design-colorado/#comments</comments>
		<pubDate>Mon, 28 May 2012 16:08:55 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=1368</guid>
		<description><![CDATA[As part of an ongoing business relationship with Webroot, a local security-solutions company based in Broomfield, Colorado, we translated recent competitive analysis data by Passmark Software into compelling web infographic designs to help communicate the effectiveness of their innovative products when compared to their competition.  The previous presentation of this data on the company website utilized simple and hard to read graphs and charts, which were difficult to read, and did not effectively communicate how powerful and different these new products are.  The goal for this web infographic design project was to simplify the presentation of the data within the web page design to help communicate the results in an easy to digest way.
Infographic Design Process
The primary desired outlet for the series of web infographics we created was the Webroot company website, but the infographics themselves were also utilized in several print marketing and sales materials.  For this reason, we started our design process in Adobe Illustrator, and using the graphing and charting functionality we created the framework for the data-driven charts and graphs.  The colors used in the graphics reflect general brand colors for the corresponding company products, and are consistent across the web infographic designs.  After these initial charts were generated, they we extruded into 3D graphics with depth and shading, and several different chart styles were used to help illustrate the differences in the types of data being shown.









The vector web infographic designs were them pulled into Adobe Photoshop, and incorporated into the web design layout for ...<div><a href="http://www.cloudburstdesign.com/web-infographic-design-colorado/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2012/05/web-infographic-design-colorado-SM.jpg" /></a></div>
				<div></div><br/>Web Infographic Design Colorado]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/web-infographic-design-colorado/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2012 Bike Jam Web Design</title>
		<link>http://www.cloudburstdesign.com/2012-bike-jam-web-design-lafayette-co/</link>
		<comments>http://www.cloudburstdesign.com/2012-bike-jam-web-design-lafayette-co/#comments</comments>
		<pubDate>Sat, 21 Apr 2012 15:42:55 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=1335</guid>
		<description><![CDATA[In an ongoing relationship with the Exempla Good Samaritan Medical Center Foundation, in Lafayette, Colorado, we designed &#38; developed this web design project for the 2012 Good Sam Bike Jam fundraising event.  The primary goals for the the 2012 event website design were to communicate a fun, inviting, &#38; family-friendly atmosphere, and to allow for easy online registration &#38; online payment for the event directly through the new 2012 Bike Jam website.
Web Design Creative Process
The primary goals of the web design project were discussed at length during our initial meeting with the Exempla Good Samaritan Medical Center Foundation (EGSMF), in Lafayette, Co.  These goals led directly into the creative design process to help communicate the nature &#38; mission of the 2012 Good Sam Bike Jam Event, speak directly to their target audience, and convey the location of the event here in Lafayette, Colorado.  Due to the short timeline for this web design site launch, one well-developed design concept was presented to EGSMF for consideration and review in the design process.  The web design creative features a colorful header area with rolling fields, illustrative snow-covered rocky mountaintops, and bright blue sky to create depth on the page and to communicate the views riders can expect during the Bike Jam Ride in Lafayette.  In the main content area of the site pages, headline fonts draw from colors in the logo, and an overall clean font-treatment and organized column layout on the website pages makes the site easy to read and use for ...<div><a href="http://www.cloudburstdesign.com/2012-bike-jam-web-design-lafayette-co/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2012/04/2012-good-sam-bike-jam-website-design-lafayette-co-SM.jpg" /></a></div>
				<div></div><br/>In an ongoing relationship with the Exempla Good Samaritan Medical Center Foundation, in Lafayette, Colorado, we designed &#38; developed this web design project for the 2012 Good Sam Bike Jam fundraising event.  The primary goals for the the 2012 event website design were to communicate a fun, inviting, &#38; family-friendly atmosphere, and to allow for [...]]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/2012-bike-jam-web-design-lafayette-co/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Schacht Website Re-Design</title>
		<link>http://www.cloudburstdesign.com/schacht-website-re-design-wordpress-theme-development/</link>
		<comments>http://www.cloudburstdesign.com/schacht-website-re-design-wordpress-theme-development/#comments</comments>
		<pubDate>Thu, 29 Mar 2012 17:08:05 +0000</pubDate>
		<dc:creator>Cloudburst</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.cloudburstdesign.com/?p=1310</guid>
		<description><![CDATA[Based in Lafayette Colorado, Schacht Millworks engaged us for a full website redesign and content overhaul, with a specific goal of incorporating their extensive product catalog into the new website, as well as featuring existing videos and product resources for contractors using the new Schacht website.  Search Engine Optimization and implementation of a Content Management System were also key requirements on this project in addition to the website redesign for this Lafayette Colorado Company.
Website Re-Design Creative Process
After an initial kickoff meeting with Schacht at their Lafayette Colorado office location, it was decided that the new website design would use their existing logo, and draw inspiration from a well-produced video marketing piece that Schacht uses with great success to reach their clients.  Several creative web design concepts were presented to Schacht for review and consideration in the initial phase of the project.  After a primary design direction was decided, internal web page designs for product list pages, product detail pages, and wodd species pages were designed and presented to Schacht for final review.  The chosen design features warm, wood-colored tones throughout the website, with large headline fonts and wood grained textures in the header area.  Also prominent on the website homepage, is a large scrolling banner area that  features the high quality finished products that Schacht delivers, as well as concise marketing messaging to communicate the elegance and quality of their products and work.
Wordpress Custom Theme Development
After the website design creative process and sign-off by the client, the new website design ...<div><a href="http://www.cloudburstdesign.com/schacht-website-re-design-wordpress-theme-development/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2012/03/Wordpress-Web-Design-Lafayette-Colorado-Schacht-Millworks-SM.jpg" /></a></div>
				<div></div><br/>Wordpress Website Re-Design Lafayette Colorado]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/schacht-website-re-design-wordpress-theme-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Boulder Logic Website Design</title>
		<link>http://www.cloudburstdesign.com/website-design-boulder-logic-company/</link>
		<comments>http://www.cloudburstdesign.com/website-design-boulder-logic-company/#comments</comments>
		<pubDate>Fri, 02 Mar 2012 20:49:50 +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=1245</guid>
		<description><![CDATA[This website design project for Boulder Logic was strictly a web redesign project, with the final delivery of Photoshop PSD documents of the completed page designs and website templates at the completion of the project to the Boulder, Co, client.  In addition to website design layout of multiple page templates for the redesign of the Boulder Logic website, custom icon sets were created, as well as the overall concept and modification of stock imagery to match the messaging and create a fun and personal look for the new website design.  The completed designs, fonts, and all image assets were delivered to Boulder Logic for development and implementation by a 3rd party.
Website Design Process
When starting this website redesign project with Boulder Logic, we were provided wire frames for the new site that were created by ClixoConversion.com. With the site wire frames and information architecture in place, we were able to quickly deliver an initial round of two different creative website design options for the Boulder Logic home page, as well as one interior web page.  After collecting and incorporating feedback on these design options, a single design direction was chosen, and a total of six page templates were created in that design style following the information structure outlined in the website wire frames.  Another round of creative revisions allowed Boulder Logic to incorporate their final comments and changes into the new website design, and the final design documents were completed and delivered to Boulder Logic along with all fonts, icons, images, and ...<div><a href="http://www.cloudburstdesign.com/website-design-boulder-logic-company/"><img src="http://www.cloudburstdesign.com/wp-content/uploads/2012/03/boulder-website-redesign-web-design-layout-SM.png" /></a></div>
				<div></div><br/>boulder website design online layout redesign]]></description>
		<wfw:commentRss>http://www.cloudburstdesign.com/website-design-boulder-logic-company/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/

 Served from: www.cloudburstdesign.com @ 2013-06-19 17:34:45 by W3 Total Cache -->