Behind the scenes of Sony's campaign website

Global design agency Fi has created a delightful site design for Sony's latest campaign

The tech industry moves quickly, and even leading brands like Sony need to constantly refresh their advertising and branding to keep existing customers on board and attract new ones. For their latest campaign, Sony Connected World, it asked international design agency Fi to create the website - and they've done a mighty fine job.

Debuting at consumer electronics show IFA in Berlin, and then expanded for the main launch at CES 2013 in Las Vegas, the site comes complete with entertaining product demos and information that served as proof points to the campaign.

The concept stage of planning the site centred around one key aim: 'Tell a simple story and showcase easy to understand examples on how to connect across all Sony devices.' The example sketches and styleframes demonstrate Fi's basic thinking in how to convey this:

These sketches show how the 'Connected' theme could be portrayed in the site design

Fi followed this preparatory stage with a detailed handoff to the design team, with carefully constructed wireframes ensuring the well-laid plans would meet full fruition.

Detailed wireframes were given to the design team

Hitting on a design theme that served both classic and modern styles took several rounds of iteration. Eventually, Fi's design team settled on a muted palette, with bold accent colours to highlight the different sections on the website.

Media queries

Responsive web design was at the forefront of the site build, which was based on a multi-column layout with fluid grids and images that would scale from large screens down to small mobile sizes by stacking columns vertically.

The approach was to control the fluid layout by using CSS3 Media Queries and making the site adaptive by setting appropriate break points. Respond.js was used for browsers that did not support CSS3 Media Queries.

The site adapts gracefully to different devices and screen sizes

To enhance the site experience, Fi used CSS3 transitions on all the interactive modules. For the product spins, the developers wrote custom JavaScript to create versions of the spinner with the content and markup. The mobile version was optimized using hardware accelerated CSS3.

Product flyout pushes the content down and looks great too

This immersive site enables the user to view the Sony product features from all perspectives, while the colour-coded navigation makes for ease of use and understanding.

All in all, Fi has created a polished experience with this web design that proves simple navigation, colour coding and great photography can often make all the difference.

Like this? Read these!

What do you make of the Sony site's design? Let us know in the comments box below!

Source: http://feedproxy.google.com/~r/CreativeBloq/~3/BFTgSEmMiJE/story01.htm

shooting at chardon high school sasha baron cohen oscar red carpet daytona 500 start time ryan zimmerman oscars red carpet jennifer lopez wardrobe malfunction

BMW, GM Test Fast Charge Stations - Environmental Leader

BMW and General Motors engineers say they have passed a milestone in adopting the Society of Automotive Engineers? (SAE) standard for DC fast charge stations, charging pre-production versions of the BMW i3 and the Chevrolet Spark EV using stations developed by various suppliers.

GM and BMW say this industry-coordinated early confirmation of DC fast charge hardware and software will accelerate efforts to roll out SAE combo DC fast charge infrastructure in the coming months. Charging station manufacturers that participated in the testing included ABB, Aker Wade, Eaton and IES.

The automakers say the combined ? or combo ? DC and AC connector will enable ease of use with just one charging port for each electric vehicle and faster flow of electricity, which will be convenient for consumers without access to overnight charging at home. The fast charge stations can charge EVs up to 80 percent in under 20 minutes, according to BMW and GM.

The first vehicles to offer the new SAE combo DC fast charge connector will be the BMW i3 and the Chevrolet Spark EV.

BMW says it wants to offer its customers access to the fast charging stations when the BMWi models arrive on the market this November. GM says the cooperation between suppliers and original equipment manufacturers speaks to the maturity of the fast charging technology and will help speed up adoption of electric vehicles by consumers.

The two automakers ? and Ford, Chrysler, Daimler, Volkswagen, Audi and Porsche ? last year adopted the SAE fast-charging approach for use on electric vehicles in Europe and the US, bypassing the CHAdeMO charging standard already used by Japanese cars including the Nissan Leaf and sparking a battle over fast-charge standards.

At a California state senate public committee meeting in May 2012, GM asked that the state limit adoption of DC fast charging to only those models that conformed to the SAE standard while Toyota insisted that the state should only consider fast charging stations that conformed to the CHAdeMo standard used by Japanese automakers.

Meanwhile, the Department of Energy this week released an online price comparison tool ? eGallon ? that allows consumers to compare the cost of fueling their cars with electricity versus gasoline. In Colorado, the eGallon price is about $1.12, meaning that a typical EV could travel as far on $1.12 worth of electricity as a similar vehicle could travel on a gallon of gasoline.

Stay Up-to-Date On Environmental Management, Energy & Sustainability News with EL's Free Daily Newsletter

Source: http://www.environmentalleader.com/2013/06/13/bmw-gm-test-fast-charge-stations/

michael bush the host trailer whitney houston cause of death marquette city creek center hilary duff michigan state