GeoEye Site Redesign

On Friday, October 29, 2010 GeoEye launched a new corporate website.

GeoEye approached BrainSpark this past summer about refreshing their corporate site to incorporate the company’s three new business lines (Imagery Collection, Production Services, and Information Services). BrainSpark’s team consisting of a user experience architect, project managers, web designers and developers worked closely with the GeoEye marketing and IT teams to determine the necessary updates to the existing corporate site, also designed and built by BSM.

The primary objective was integrating the three business lines into the overall design and architecture of the site. To accomplish this, BrainSpark overhauled the information architecture to support updated and newly added content and messaging and introduced the business line secondary navigation bar to emphasize these categories on the home page and throughout the Products & Services section.

As the use of Flash continues to be a growing concern in web design, BSM wanted to make GeoEye’s corporate site more mobile friendly. On the previous corporate site, the focal point on the home page was Flash-based. The new focal point contains updated imagery corresponding with their respective business lines, and was built using jQuery technology, resulting in a more effective display on mobile devices.

Another major enhancement focused on the global navigation. BSM introduced mega menus as part of the new site navigation. The mega menus display more information, allowing a user to more easily access information throughout the site. With the large volume of content, this update will add greater ease for users browsing for specific information within GeoEye.com.

The overall visual design of the site and content within was retooled to address GeoEye’s evolving business and better serve the needs of their target audience. Content throughout the site was analyzed, rewritten and updated as needed. At the same time, the new design retains key elements of the previous site to maintain some consistency with existing audience.

The project team put forth a great deal of time and effort in planning and executing the “refresh” project and we congratulate all involved on a job well done. Be sure to check out the new website at http://www.geoeye.com. We welcome your feedback.



Arapahoe Basin Open for 2010/2011 Season!

Today, BSM client Arapahoe Basin opened for the 2010/2011 ski season! Over the past three days they have received over ten inches of fresh snow, and it is expected to continue to fall for the next 36 hours. Currently, High Noon is open with a small terrain park on the side of the run. Twenty acres in total are open, with an 18 in. mid-mountain base.  Check out the web cam here to see the continuing snowfall and the action on the hill! Today also marks the opening of the Black Mountain Express lift at the base. This lift will have the capacity to get many more skiers and riders up the mountain than the previous Exhibition triple chair. Now, get those skis and boards out and get up to A-Basin!

Articles:

Examiner
Westward

Web Cam shots:

Web Cam 1 at 1:51pm

Web Cam 2 at 1:51pm

Web Cam 4 at 1:51pm

Mega Menus

Developing a way to navigate websites with mass amounts of information has always been a challenge for web designers. Users do not want to spend a half-hour looking for a certain piece of information within an enormous website. A more recent trend in the web design world is the use of mega menus. These menus display larger amounts of information than a typical drop down menu, without the hassles of navigating through fly-outs. They essentially allow the user to navigate through the entire website, from anywhere within the website. Mega menus also allow designers to easily stylize the menus with iconography. Below is a portfolio of some effective mega menu designs.
Titleist Mega MenuREI Mega MenuOffice Max Mega MenuNordstrom Mega MenuMicrosoft Mega MenuFoot Locker Mega MenuAdidas Mega MenuAcura Mega Menu

These companies have utilized the flexible mega menu navigation design in various different ways. Some use icons and imagery within the menu, some keep it simple with text, and groupings.  They all have one thing in common: simplicity. The mega menus are easy to navigate through and find what you are looking for within the site. This navigation style will only become more popular with time, so keep an eye out!

PUSH Burton

Next year, Nokia and Burton will take mobile interactive to the next level. The two major companies have teamed up to develop PUSH Burton, a new idea that brings together mobile technology, social networking, geo-networking, social gaming, and motion capture. The idea involves using a mobile device and a sensor placed on the snowboard to record movement data that could be used to score a run, post new tricks to a social network, etc. The open beta concept will be unveiled at the Burton Euro Open in January.  Check out the promo video!

Source: Nokia PUSH Burton

Mobile Sites of the Top Digital Agencies

This summer, McKinney was doing some research on the top agencies mobile websites for their own new site. They wanted to develop a site that worked the same on a touch device as a standard computer. Nick Jones compiled mobile screen shots of the biggest agencies web sites during the process, and what his research revealed was incredible. They posted this list and asked the agencies to send a tweet when they became happy with their new mobile site. Firstborn in NYC ended up being the first to take the criticism and update their site, with many others following soon after. This compilation makes a bold point on how important it is to have a mobile presence. Look for this trend to continue as mobile devices become more popular and demands for great usability continue to rise.

See the compilation.

Flickr’s 5 Billionth Photo

On September 16, the 5 billionth photograph was uploaded to Flickr. The 5 billionth image is a image of a building in Vancouver, British Columbia. The image is a compilation of 5 shots, showing the rotation of the icon. While it is a milestone for the photo-sharing site, larger photo-sharing site Facebook has approximately 2.5 billion photos uploaded each month. To date, Facebook has had over 15 billion photos uploaded to the site.

Flickr differs from Facebook in that it allow users to upload images of any shape or size, and those sizes will hold true on the site. The site also allows for users to place their photos into categories with other users photos.

The 5 billionth image can be found here.

Source: cnn.com

Ski Resort Technology

Summer has come and gone, and the ski season is again on the horizon. Season pass sales, movie premieres, sniagrab, and ski rex are all in full force, getting everyone excited about the fluffy white stuff. We at BrainSpark are like the majority of our Colorado cohorts and cannot wait to get out on the mountain. In light of the upcoming season, we wanted to highlight a few new technology changes happening in Colorado ski resorts.

A-Basin Mobile Site

With the smartphone market penetration projected to be at over 50% by mid-2011 (Nielsen), many companies have begun to realize the need for phone-friendly websites. This observation can be seen throughout the ski resort industry as well. Last year, Arapahoe Basin launched a mobile site that allows skiers to check snow conditions, webcams, runs open, and various other necessities when en-route to the mountains. The site has a very simple layout, making it easy to use whether you have an iPhone, Blackberry, Android, etc. Since launch, the site has been heavily utilized, and has been given rave reviews by skiers and riders using it on the way to the mountain, on the slopes, or just around town. Check it out at http://arapahoebasin.com/abasin/mobile/.The site was designed and built by BrainSpark Media.

A-Basin daily groomed runs map/report

Last year, Arapahoe Basin launched a groomed runs map system developed by BrainSpark that made grooming notification more efficient and effective both online and on the mountain. The system operates by allowing the ski patrol to simply check boxes that correspond with groomed/opened runs and an overlay is automatically created. A pdf of the trail map with the groomed runs shown with an overlay is produced. The system also posts the current date, snowfall, conditions, forecast, lifts open, acres open, and a comments area for the ski patrol or mountain manager to add as needed. This pdf is posted to the A-basin website automatically, and allows the ski patrol to print off the map and post around the mountain, or local ski shops to post in the shop. The system is currently being used by Arapahoe Basin, with great results. Once the mountain opens and grooming begins, you can see the system in action at http://www.arapahoebasin.com/Abasin/reports/abasin-groomed-runs.pdf.

Radio-Frequency Technology

In the 08-09 season, Vail Resorts implemented RFID (radio-frequency identification) into their season pass system. For the average skier, the benefit of having a RF tag on your pass is that it allows for the resort employees to scan your pass through your outerwear, but there is much more that happens behind the scenes.  At lifts that do not have employees scanning the RFID passes, there is a passive RFID scanner overhead as you board the chair. The data collected from your season pass include what lifts you use, when you use them, and any spending activity if you use your peaks rewards account when making transactions. This allows the resorts to analyze different traffic patterns on the mountain. For example, the resort may look at what time of day certain people use certain lifts, what weather conditions attract certain people to the slopes, or relationships between spending amounts and lift use. These relationships allow the resorts to make critical decisions such as installing a new lift to facilitate increased demand, and implementing effective marketing strategies. The more these resorts know about their customers, the better experience they can provide for them.

Further utilizing the RFID technology implemented in Vail Resorts’ season passes, the Company has developed a new offering called EpicMIX. This product name plays off their most popular season pass offering, the Epic Pass. Debuting at Keystone on November 11, 2010, EpicMIX is essentially an RFID driven geo-networking site. By creating a profile online, your activity on the hill can be tracked via the RFID scanners at each lift. The profile can be linked to the skier’s facebook and twitter accounts, letting friends know if you have earned pins. EpicMIX pins are the virtual counterpart of the longtime popular ski resort pins from the past. Pins can be earned by covering a certain amount of vertical feet, skiing or riding at night a certain number of times, spending a certain amount of days in a year at a mountain, riding the same lift a certain number of times, or riding every lift on the mountain. The offering includes a mobile application, allowing skiers to see their progress on the slopes.

RFID has made resorts smarter, more efficient, and more effective in their business practices. It has also allowed them to implement new value-added offerings such as EpicMIX. In time, it can be assumed the more and more resorts will begin using the RFID technology to compete with the major resorts that have already made the investment.

Technology is continuously being integrated into the business operations of ski resorts.  There are endless ways to make a ski resort more efficient using new technology, as well as making marketing efforts more effective. If you have a creative idea for a resort or would like to discuss implementing a new technology into your resort, give BrainSpark a holler! We’d love to hear from you.

Could Apple’s iPad Change Web Design?

After the iPad was released in the beginning of April, there was a great deal of discussion on how the device could change the way that web sites are designed. The iPad introduced a new browsing environment using both vertical and horizontal orientation, a touch interface, and the continued lack of flash support from the iPhone. These factors could eventually have a large impact on how web sites are both developed and designed.

Orientation and Resolution

Apple designed the iPad with a similar resolution to the standard computer. The resolution of 1024 x 768 has been a designer’s framework for over four years, so one might not think that much would change with the introduction of the iPad. According to the Apple iPad keynote address, the optimal viewing and web browsing orientation is vertical, making the resolution 768 x 1024, the opposite of what the industry has been designing for.  With the ability to change orientations by simply rotating the device, the resolution quickly changes to match. This presents the importance of fluid layouts that are easily viewable at either resolution.

There are a couple of different ways to deal with the orientation changes on the iPad. The first is by using layouts that have fluidity between vertical and horizontal orientations. By using smart information architecture and effective CSS web sites can be easily viewed both vertically and horizontally. This fluid design must be tested and tested again on the iPad to ensure that it is an effective design.

Another way to deal with the orientation changes is by using multiple CSS styles. Web sites have been able to identify different devices and configurations for years. By using this strategy, and creating multiple CSS style sheets for the two different orientation resolutions, the web page is able to change its entire layout to best fit the state of the page. An example of this is Sports Illustrated on the iPad.

As seen in the image above from GraphicDesignBlender.com, the layout is different depending on the orientation of the device.  The vertical orientation allows for more text description, and the horizontal orientation has a much simpler layout. By using the ability to match the devices resolution to point to different CSS sheets, the user has more options in viewing web pages.

User Experience

On a traditional computer, the mouse is the navigational tool that is used for all interaction with a web site. On the iPad, the mouse is removed, and the navigational tool becomes the human finger. This can have many implications on current web site design. The human finger is a great deal wider than the mouse pointer, and when it comes to clicking on hyperlinks, it can become a great deal more difficult. If there are multiple links near each other, such as a list, it is possible that your finger will click on the wrong link. Wider buttons are more touch friendly and are likely to be seen more frequently in the coming future.

Along with the issue of hyperlink layout and clicking on the iPad, hovering presents another issue. Many web sites use a hover effect technique for drop down lists and other animated actions. With no pointer to initiate these actions, they become ineffective.

Additionally, on a traditional computer, the human eye typically follows the mouse pointer around the screen. With no mouse pointer, the user experience on a touch device must be assessed. The architecture and design of a web site is bound to change with the elimination of the mouse to better suit the psychology of navigating without a mouse. One way that designers have addressed the change is through 3D looking art. 3D objects appear to be more tangible and inviting to users and make them want to touch them physically.

Flash

There has been an ongoing debate over Apple’s lack of Flash support on the iPhone and iPad. The fact of the matter is that Apple is not supporting Flash, and web developers need to take that into account. 100% Flash web sites are not going to be visible on the iPad, and this could be a major driver for the change from 100% flash sites to hybrid sites or eliminating flash all together. Read more about the Apple ‘s beliefs on Adobe Flash: http://www.apple.com/hotnews/thoughts-on-flash/

Thoughts

With the introduction of the iPad, web designers will be challenged to create new web sites that are more user friendly on touch interface devices. There will also likely be devices that will follow the iPad’s touch tablet design, making this an important market to ensure an excellent user experience. Keep a lookout at site designs and you’ll be sure to notice changes coming!

Office Refresh

BrainSpark recently refreshed the office space with new colors reflecting the brand. Check out the slide show below to see the fresh paint!

This slideshow requires JavaScript.

Interactive Media Award

Last week BrainSpark earned an “Outstanding Achievement” Interactive Media Award for the new Hyde Park Jewelers site in the lifestyle category. This is BSM’s second IMA, the first being the IMA for “Best in Class” in the computer software category for TopSchool. We are very excited about the award, and plan on continuing our streak as an award winning agency. BrainSpark’s IMA award gallery can be seen here.