Sites I have built using XHTML/CSS for layout

OPPM Website Redesign

oppm

Web Address: www.oppmi.com

Company: OPPM International

Summary: Clark Campbell’s series, The One-Page Project Manager is a best selling set of books that details how to manage and report on projects of any size using a single spreadsheet. His method is used by large companies and education institutions worldwide. Clark decided it was time to take his concept online and hired myself and my brother, Davey Harding to redesign his existing site and also create a web app that had all the functionality needed to manage the OPPM process in a simple “wizard” format.

I used Adobe Photoshop to design the new layout and a combination of ColdFusion, Flash video, jQuery and HTML/CSS for the code side. The e-commerce piece was handled by Davey (built on AuthorizeNet) as was the web app portion of the site which will be launching later this summer.

Lugano Restaurant - Website Redesign

Lugano Restaurant

Web Address: www.LuganoRestaurant.com

Company: Lugano Restaurant

Summary: Lugano is a nationally-acclaimed Italian restaurant in Salt Lake City that wins award after award for their awesome food and cool atmosphere. Their website needed an updated look and feel to better match the restaurant.

I used Adobe Photoshop to create the new layout. Lugano wanted to incorporate some amazing tile that they have in their kitchen into the design, so I pulled that into the background of the secondary pages. The site was built on the Drupal CMS framework so most of my HTML/CSS work was spent building a custom Drupal template. I also used the SlideShowPro Flash plugin to create a rotating photo spot for the home page.

North Face, 1967 - Website Design

North Face, 1967

Web Address: www.NorthFace1967.com

Company: We Aspired Productions

Summary: North Face, 1967 is an amazing documentary in post-production about what has been called “the impossible rescue” which took place on the north face of the Grand Teton. You can read more about this amazing story here and here. The production team needed a simple site that captured the gritty feeling of the film, told the story and allowed them to gather funding donations via PayPal.

I used Adobe Photoshop and old photos of the rescuers and the Grand itself to create a design as chilling as the story itself. The site was coded in web standards HTML using CSS for layout. I also used the SlideShowPro Flash plugin to create a photo gallery of pictures past and present.

Don’t forget to check out the movie trailer!

Russo’s on the Bay - Website Redesign

Russo's on the Bay

Web Address: www.RussosontheBay.com

Company: Russo’s on the Bay

Summary: It was time for Russo’s to update their wedding reception/event center website and they wanted something that better captured the look and ambiance of their location. Telestory Pictures was contracted by Russo’s on the Bay to develop and build their website and media materials. TeleStory Pictures hired me as a freelance web designer for the project.

Using Adobe Photoshop I combined elements from interior photos taken of their building to create the design. The home page was created in Flash and it changes from a day photo to a nighttime photo if you visit in in the evening. The site is programmed in ColdFusion using an open source CMS (Content Management System) called Mura. This gives the Russo’s access to edit all of their content (no HTML required) and add new content as necessary. Telestory Pictures also created some awesome videos and virtual tours that you can see in the media section of the site.

Crestview Elementary PTA Website

Crestview Elementary PTA

Web Address: www.crestviewpta.com

Company: Crestview Elementary PTA

Summary: The Crestview Elementary PTA needed a website where parents could come to find out about upcoming events, volunteer opportunities and also register for classes offered by the PTA. I used Adobe Photoshop to design the site. The site is programmed in ColdFusion using an open source CMS (Content Management System) called Mura. This gives the PTA access to edit all of their content (no HTML required) and add new content as necessary. It also handles user registration so that the information on the site can be password protected.

The PTA was very pleased at how the site turned out and how easy both the front end and back end are to use.

Discovery Expeditions & Adventures Branding and Web Design

Discovery Expeditions & Adventures

Web Address: www.DiscoveryXA.com

Company: Discovery Expeditions & Adventures

Summary: Discovery Expeditions & Adventures is a travel company that specializes in adventure trips to Israel, Petra, Africa and Peru. They also do custom tours to just about anywhere you want to go. They needed a logo and web design that matched the adventurous feeling of their trips.

The client had scanned an old ink drawing of a camel that he wanted to incorporate into the logo. I used Adobe Illustrator to create an old-style travel sticker for the logo. I then used Adobe Photoshop to design the site. The site is programmed in ColdFusion using standards based html and css. I used Adobe Flash and SlideShowPro to create the photo gallery on the home page and the jQuery Lightbox plugin to create the individual photo galleries on each trip’s page.

I also started a social media campaign for the client including a tumblr blog and Twitter and Facebook accounts. I carried that brand across to these sites as well and gave the client a tutorial on how to best use them to increase business.

It was a very fun project to work on and I am very pleased with how it turned out.

Long Island Bride and Groom Redesign

Long Island Bride and Groom

Web Address: www.LongIslandBrideandGroom.com

Company: Long Island Bride and Groom

Summary: Telestory Pictures was contracted by Long Island Bride and Groom to develop and build their website and media materials. TeleStory Pictures hired me as a freelance web designer for the project.

This was a very challenging project that involved redesigning an existing wedding website with hundreds of pages, multiple admin portals and account pages and tons of content. The site was built in ASP and the content pulls from a SQL database. Our job was to take the existing code infrastructure and give it a new look and feel. This not only included the basic site template, but also coming up with more efficient/usable ways to display the content including text, videos, and client images.

The old site design (especially the home page) suffered from content overload and was very busy. One of our goals was to clean up and simplify the design without losing any of the crucial elements. What made this tricky was that we needed to design a site that looked new but operated on the existing backend admin tool and code that the client uses. The before and after picture above is an example of how we accomplished this.

Asset Strategies Corporate Web Design

Asset Strategies

Web Address: www.AssetsABC.com

Company: Asset Strategies

Summary: This is the corporate summary site for Asset Strategies, LC. This site is phase 1 in a larger project I am working on with Asset Strategies which will include a CMS (Content Management System), MySQL database integration, and on-the-fly PDF generation. Phase 2 of this project will be done in the next month or so.

I used Photoshop to create the design concept and XHTML/CSS to do the layout. I used the Coda Slider Javascript for the jQuery framework to create the cool sliding content window.

Halley Consulting Group Brand Identity and Web Redesign

Halley Consulting

Web Address: www.halleyconsulting.com

Company: Halley Consulting Group

Summary: Halley Consulting Group is a physician practice management and consulting firm specializing in the strategic development and performance turnaround of both hospital-owned practice networks and independent medical offices. Multiple acquisitions and management shifts had left their brand a little outdated and unclear.

I worked with Harding and Associates, a local consulting firm owned by my uncle, to help Halley reinvent their look. This included a redesigned website, brochure, folder, letterhead, envelopes, business cards and more.

I used Photoshop to create the design concepts and ColdFusion and XHTML/CSS to do the web layout. I used Sava, a ColdFusion CMS, to allow the client to update all their site content quickly and easily. The home page also has an interactive Flash feature. All the data for the Flash is pulled from XML so they can be easily updated. I used Adobe Illustrator and InDesign to create the various print pieces. I also created a Microsoft Publisher version of the brochure that allows Halley Consulting to update the PDF version quickly and easily.

Dilly Dally Website Design

Dilly Dally

Web Address: www.dillydallychic.com

Company: Dilly Dally Designs

Summary: This site was designed for a company called Dilly Dally Designs that creates designer bibs/smocks for babies and children.

I used Photoshop to create the design concept and ColdFusion and XHTML/CSS to do the layout. I also created some JavaScript interactivity and a Flash slideshow on the home page that cycles through the product photos. The site also has an interactive Flash photo gallery. All the data for these Flash movies is pulled from XML so that I can update them easily for the client.

Apex Management Redesign

Apex Management

Web Address: www.apexmanagement.net

Company: Apex Management

Summary: I redesigned this site for a real estate company called Apex Management.

I used Photoshop to create the design concept and ColdFusion and XHTML/CSS to do the layout. The Flash left nav interacts with ColdFusion to grab the correct page and show it as active. The Current and Past Projects pages are completely xml driven with CF doing the XML parsing. This makes updating and changing out properties quick and simple.

Versa Shore Redesign

Versa Shore

Web Address: www.versashore.com

Company: Versa Shore

Summary: This site was designed for a consulting firm called Versa Shore.

I used Photoshop to create the design concept and XHTML/CSS to do the layout. This site has a Flash tabbed app on the home page that cycles through the tabs or lets you select a tab. It also has a rotating client logo Flash. All the data for these Flash movies is pulled from XML so the client can update them easily.

Caregiver Support

Web Address: www.caregiversupport.org

Company: Caregiver Support

Summary: This site and logo were designed for a non-profit organization called Caregiver Support that helps people who care for older family members or friends.

I used Photoshop to create the design concept and XHTML/CSS to do the layout. This site has a Flash tabbed app on the home page that cycles through the tabs or lets you select a tab. All the data for this Flash is pulled from XML so the client can update easily. It also pulls in and parses an rss feed. The backend coding was done by Chris Tarabochia

The Ridge Condominiums

Web Address: www.ridgecondominiums.com

Company: Ridge Condominiums

Summary: This site was built for a new condominium project in Sandy, Utah

I used Photoshop to create the design concept and XHTML/CSS to do the layout. This site also has a Flash home page, photo gallery and interactive floor plans.

508SouthTemple.com

Web Address: www.508SouthTemple.com

Company: Apex Management

Summary: This site was built for one of Apex Management’s real estate projects. The purpose of the site is to attract investors who might be interested in developing a building in down town Salt Lake.

I used Photoshop to create the design concept and XHTML/CSS to do the layout. ColdFusion was used for the templates. This site also has a Flash home page movie and photo gallery and a custom Google Map.

Soldier Alarm Systems

Soldier Alarm Systems

Web Address: www.soldieralarmsystems.com

Company: Soldier Alarm Systems

Summary: This website was created for a home security company called Soldier Alarm Systems.

I used Photoshop, XHTML/CSS and Flash to create this piece.

Tornadostream.com

Web Address: www.TornadoStream.com

Company: TornadoStream, LLC.

Summary:TornadoStream is a side project I’ve been working on with Dan Smith for a few years. Our products are a blog music player and our new blog video chat room app. The music player has become very popular and we expect the ivdeo chat room to do the same.

I used XHTML/CSS for layout, ColdFusion for the back end and a MYSQL database. I used RSS feeds to do some major Search Engine Optimization work. Dan Smith built both apps using Flash and XML. We use Flash Media Server to stream our music and video.

Trick or Treat Street

Web Address: www.trickortreatstreet.us

Company: Kassing Andrews Advertising

Summary: This site was done for Kassing Andrews in collaboration with Hadley Soffe. Trick or Treat Street is an indoor Halloween Activity that gives kids a safe fun place to trick or treat. KA wanted the site to be fun, original, and get kids to keep coming back. Comma Development created the Photo Gallery which is no longer available online.

Hadley created the design in Photoshop and I took it into Flash, adding motion, sound and TONS of randomization.

Access Cash Rewards Website

Access Cash Rewards

Web Address: www.accesscashrewards.com

Company: Access Development

Summary: This is the web site for my employer Access Development. It is a video web site that shows testimonials from our clients talking about how the Cash Rewards program has helped their business

I used Photoshop, XHTML and CSS, Flash, Flash Video and XML for this project.

Mad Dog Sports Show

Mad Dog Sports Show

Web Address: www.maddogsportsshow.com

Company: Mad Dog Sports Show

Summary: This web site is for the Comcast On Demand program called “The Mad Dog Sports Show” which covers Utah high school sports. The site is an online showcase of the many videos featured on the program. It was built to allow easy addition of videos as more are aired.

I used Photoshop, XHTML and CSS and Flash Video to create this site.

Brand Access

Web Address: www.access2brands.com

Company: Access Development

Summary: This site was built for one of Access Development’s loyalty program projects.

I used Photoshop to create the design concept and XHTML/CSS to do the layout.

Jumping Jack Trailers

Jumping Jack Trailers

Web Address: www.jumpingjacktrailers.com

Company:Jumping Jack Trailers

Summary: This site was built for pop up trailer company Jumping Jack Trailers

I used Photoshop to create the design concept and Flash to do the home page. The site was built in ColdFusion and utilizes a mySQL database for dealer and event data. We also did search engine optimization on this site and it receives heavy traffic daily as a result.

SuccessWithAnyIncome.com

Web Address: www.successwithanyincome.com

Company: Celerity One

Summary: This site was a collaboration with my brother Dave Harding. I created the site design and did the layout with XHTM/CSS. I also created a simple Flash movie for the home page. Dave created a ColdFusion and MySQL back end management tool.

Access Development

Access Development

Web Address: www.accessdevelopment.com

Company: Access Development

Summary: This is the web site for my employer Access Development. It showcases the many different services we offer.

I used Photoshop, Flash, XML and did a large Search Engine Optimization Campaign for this project.

Royal Bliss Website Design

royalbliss

Web Address: www.royalbliss.com

Band: Royal Bliss

Summary: This site was done for the band Royal Bliss in collaboration with Dave Harding and Dan Smith. We came up with the concept of being able to peer in on a Royal Bliss fan and see what she is doing at different times of the day.

First we did a photo shoot taking hundreds of photos of our fan “Paige” in her room. We had different poses, different outfits, times of day (morning, night) etc. I created the design in Photoshop and took it into Flash, adding sound, interactivity and randomization. Dan Smith created the media player and worked on the Actionscript side of the Flash and also helped me creating the many different shots of Paige. Dave Harding created the ColdFusion back end that allows Royal Bliss to manage their shows, photo gallery, bio, news and more.