iPad interface design for FRONTLINE

interactive-frontline-ipad1
interactive-frontline-ipad2a
interactive-frontline-ipad2b

iPad mocks for FRONTLINE’s view page.

posted Jun 2011 in concept, css, illustration, mobile, user interface design - permalink

Rebecca Muñiz

rm-wireframe
rm-web1
rm-web2
rm-web3
rm-web4

Interactive design for Rebecca Muñiz, a soprano opera singer who also performs as a wedding vocalist. Particular attention with this project was paid to keeping the content clear, integrating the site with print collateral being simultaneously developed, broad browser accessibility and ease of use. Site features include audio samples, testimonials (displayed randomly), a photo gallery, blog and contact form. Wireframing, page sketches and the WordPress framework were significant in the on-time completion.

posted Jun 2011 in concept, css, user interface design, wireframe, wordpress - permalink

FRONTLINE

interactive-frontline-front1a
interactive-frontline-front1b
interactive-frontline-front1c
interactive-frontline-front1d
interactive-frontline-front-wire
interactive-frontline-view-1a
interactive-frontline-view-1b
interactive-frontline-view-1c
interactive-frontline-view2
interactive-frontline-wire
interactive-frontline-topics-1a
interactive-frontline-topics-1b
interactive-frontline-topics-1c
interactive-frontline-gallery
interactive-frontline-icons

A major redesign of the website for FRONTLINE website, produced at WGBH in Boston, Mass. The goal: to update the aesthetics of the site, bringing in social media elements and engage audiences with the interface in a compelling and familiar way.

Careful attention was paid to:

  • colors
  • homepage
  • view page
  • topic pages
  • photo galleries
  • icons

Best practices and user focus groups in three different markets were utilized to develop the above treatments and pages. Wireframing, user flows, heuristic analysis, site usage data analysis and detailed functional specifications were instrumental in the completion of this project.

posted May 2011 in concept, css, illustration, user interface design, wireframe - permalink

Interactive design for “Post Mortem”

interactive-frontline-post-mortem1
interactive-frontline-post-mortem2

Interactive design for “Post Mortem,” a PBS FRONTLINE program. A joint partnership with ProPublica, NPR, the Investigative Reporting Program at UC Berkeley and California Watch.

At its core is the video for the program but also special care was needed for the interactive map and other web features. Like all FRONTLINE sites, this design needed to be accessible in IE 6+, Mozilla, webkit and mobile Safari.

As of June 2011, there have been over 90,000 unique page views.

posted Feb 2011 in concept, css, user interface design - permalink

KJT web design

interactive-kjt1a
interactive-kjt1b
interactive-kjt2
KJT-wireframe1
KJT-wireframe2

Interactive design for the KJT, Catholic Union of Texas, a non-profit fraternal benefit society organized and founded in 1889. Work on this project included initial sitemaps, wireframing, persona mapping, mockup, CSS and implementation in a bespoke CMS environment.

posted Jan 2011 in concept, css, user interface design, wireframe - permalink

Chase Global Services web design

interactive-chaseglobalservices1a
interactive-chaseglobalservices1b
interactive-chaseglobalservices2

Interactive design for Chase Global Services.

posted Nov 2010 in css, user interface design, wordpress - permalink

We Hate Your Site

wehateyoursite2a
wehateyoursite2b
wehateyoursite2c
wehateyoursite2d
wehateyoursite2e
wehateyoursite3
wehateyoursite1a
wehateyoursite1b
wehateyoursite1c

Work for We Hate Your Site, a user interface and experience testing platform.

This first phase included logo design, sitemap creation, wireframing, flow diagrams and the creation of the user interface. The splash page utilized CSS, site design and web graphics work. The programming was done separately in a Ruby environment. Progress was halted prematurely before the project was completed.

posted Aug 2010 in branding, concept, css, identity, user interface design, wireframe - permalink

Animal Welfare Approved

Animal Welfare Approved

Interactive design for The Animal Welfare Institute (AWI), a non-profit charitable organization.

posted Aug 2010 in css, user interface design, wordpress - permalink

Laura Clifton web design

interactive-lauraclifton

Interactive design for Laura Clifton, a film and television actress. Mobile accessibility and site speed were paramount.

posted Aug 2010 in css, user interface design, wordpress - permalink

about

We have one mission in our work and that's to tell your story. And the best way to do that is with design and branding solutions that are created just for you and built from the ground-up, not one-size-fits-all cookie cutter templates. read more

twitter: scwcreative

elsewhere

RSS