• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Voices.com Responsive Web Design 2013
 

Voices.com Responsive Web Design 2013

on

  • 574 views

In Voices.com’s pursuit of innovation, we have embarked on a web redesign project that will allow our customers to have a consistent experience using Voices.com regardless of which device they are ...

In Voices.com’s pursuit of innovation, we have embarked on a web redesign project that will allow our customers to have a consistent experience using Voices.com regardless of which device they are using. Voices.com has explored various approaches to presenting content in a consistent manner across these devices and ultimately settled on what is quickly becoming the new standard, responsive web design.

Statistics

Views

Total Views
574
Views on SlideShare
571
Embed Views
3

Actions

Likes
0
Downloads
1
Comments
1

1 Embed 3

https://twitter.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Nice! I hope the RWD will also 'gracefully adapt' to my wish for a progressive upload indicator, as on YouSendit and the like.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Voices.com Responsive Web Design 2013 Voices.com Responsive Web Design 2013 Document Transcript

    • ResponsiveWeb Design David Ciccarelli Founder & Chief Executive Officer david@voices.com www.voices.com
    • IntroductionChallenges in Modern Web DesignOne of the challenges of modern web development is designing a website that looks great on amyriad of Internet-enabled devices. Just think of all the ways you access the web today; yourmobile phone, a tablet, e-reader, netbook, laptop, desktop and maybe even an HD-TV.Innovative Design SolutionsIn Voices.com’s pursuit of innovation, we have embarked on a web redesign project that willallow our customers to have a consistent experience using Voices.com regardless of whichdevice they are using.Instead of designing for a single screen size, we are now designing for multiple screen sizes,from smart phones to tablets to desktops.Voices.com has explored various approaches to presenting content in a consistent manneracross these devices and ultimately settled on what is quickly becoming the new standard,responsive web design.Responsive Web DesignVoices.com will be launching a re-imagined website using a modern development technique,known as “Responsive Web Design” or RWD for short. Responsive web design allows thecontent on a page to gracefully adapt to the dimensions of the browser.Broadly speaking, these dimensions fall into three categories; mobile, tablet and desktop.Mobile FirstIn addition to designing for three screen sizes simultaneously, a best practice is to design for themobile device first. While not a hard and fast rule, the premise is to design thinking about mobilefirst. By doing so, designs will be constrained by the lack of screen real estate and only vitalfeatures will be included in a final design.Our Design Mission StatementThe end result of the redesign will be the fulfillment of our design mission statement, givingVoices.com customers a consistent experience across the web, from mobile, to tablet and thedesktop.
    • Templates Page Layoutsfor the three screen sizes
    • Mobile Template
    • Mobile Navigation
    • Tablet Template
    • Desktop Template
    • My Account
    • My Accountwith Your Mobile
    • My Accountwith Your Tablet
    • My Accounton Your Desktop
    • Log In
    • Log In with Your Mobile
    • Log In with Your Tablet
    • Log In on Your Desktop
    • Jobs
    • View Your Jobson Your Mobile
    • View Your Jobson Your Tablet
    • View Your Jobson Your Desktop
    • Job Postings
    • Job Posting Details on Your Mobile
    • Job Posting Details on Your Tablet
    • Job Posting Details on Your Desktop
    • Responses
    • Listen to Auditions on Your Mobile
    • Listen to Auditions on Your Tablet
    • Listen to Auditions on Your Desktop
    • Messages
    • Receive Messages on Your Mobile
    • Sent Messageson Your Tablet
    • See All Messageson Your Desktop
    • Feedback? Send comments to david@voices.com
    • About Voices.comVoices.com was established in 2004 and is now the technology and industry leading website thatconnects businesses with professional voice talents. Radio and television stations, advertisingagencies and Fortune 500 companies rely upon the Voices.com marketplace to search for,audition and hire voice talents with the assistance of our innovative SurePay™ escrow serviceand our Web application.The winner of several awards, including the 1to1 Impact Award, Customer RelationshipManagement Elite Award, and the DigiFest New Voices Award, Voices.com has raised its profilesignificantly this year ranking on the PROFIT Hot 50 recognizing 534% growth over the past twoyears. In 2012 Voices.com won “Business of the Year” from the Chamber of Commerce.Clients include AT&T, Google, Microsoft, Cisco, Kaiser Permanente, ABC, ESPN, PBS, TheHistory Channel, The Discovery Channel, Reader’s Digest, Comcast, Bell Canada, ING, WesternUnion, Ford, GM, Jaguar, US Army, the US Government and tens of thousands more.