Design

Responsive homepage redesign at Expedia

This was my first and last project at Expedia and I am so glad it finally launched. This is the first time that a company of this size tries to do responsive design.

Expedia homepage redesign on desktop

I was lucky to join at the right moment when the design team was still in the early stage of exploring homepage redesign. I joined as a principle lead managing the team responsible for the homepage and landing pages in August 2012. At that time the design team were A/B testing a few different homepage concepts. One of the main challenges we faced was convincing the leadership that we had to change the homepage. Since it had not been significantly changed for years and people don’t like big changes, every time we tried something drastic, it affected the bottom line. It took awhile, but my team came up with a concept that got the company excited.

After a long process of negotiation, we decided that we would go ahead and completely redesign the homepage and launch it in beta mode. We wanted to let people opt-in instead of force them into the new design. That way we could get enough traffic to test what’s working without affecting the bottom line too much. We got buyoff from the leadership team and we started the planning process.

Note: To opt-in, go to expedia.com and click on the Show Me button below the header. Make sure you leave some feedback.

Screen Shot 2013-03-09 at 4.49.32 PM

Continue reading »

Today Moms site responsive design

I am so excited that the redesigned Today Moms site launched. It was the last project I worked on when I was still at nbcnews.com. With a small team of super talented people we came up with this responsive design concept.

The site is built on the new platform that we built in early 2012. There are a few great ideas behind this concept, and I want to highlight a couple that makes me smile :) .

Desktop homepage

Continue reading »

Responsive design at msnbc.com

screenshot of msnbc.com technology blogs
Click on image to see the live site

This is a test launch of the new format that we build on our new platform. It is also our first stab at making the site feels like a native application. By using responsive design techniques, we make the site work on different screen sizes and platforms. So far it has been a successful attempt.

Continue reading »

Msnbc.com new mobile site: design for modularity

msnbc new mobile front
Click on image to see full size

Last year I went offline for a few months to work on a couple of personal projects and an iPhone app for msnbc.com. About a year later and after the iPhone project fell through, I was asked to design a new msnbc.com mobile version. The target audience is people who own devices that have Webkit-based browsers such as iPhone and Google Android phones. The project was a huge undertaking especially for an inexperienced web designer like myself. For people who don’t know me, I am more of a data visualization person than a web design person. I have designed and launched a few successful brochure websites, but have never worked on a large scale one like msnbc.com. Given that most other large news organizations have released their websites for these devices, we wanted to challenge ourselves to do something better.

Continue reading »

USAToday: Getting a grip on government debt

Click here to view the chart

The time series show U.S. revenue, spending and debt since the 1940s. You can also compare national public debt as a percentage of the GDP for different countries in the world.

I am impressed with what USA Today has been doing lately. Nice job, guys!

And here is the new story page from msnbc.com

A few words from Ashley Wells, our Creative Director:

So we’ve stacked up the pieces with the most compelling content on top. Start with a video. Scroll down to read. Want more? Show more. Long text simply expands in place. Then scroll down for photos. Lots of large photos. Share your favorite. Via e-mail. On Facebook. On Twitter. Continue down the page. See what others are saying. Expand. Respond.

Keep going. We post thousands of updates a day and are constantly searching them for related angles. It’s all right there near the bottom of every story. Want the bigger picture? There’s a dashboard view of the latest news trends below. Or jump back to the top of the page. Our site navigation gets bigger, too. Just when you need it.

Read the rest of the article here

Apple design fail

Jamis mentions this over at 37signals and I totally agree with him. The keyboard shortcut icons don’t make any sense. I rather have the Microsoft’s way of annotating shortcuts with all the keys spelled out, e.g. Ctrl-C or Ctrl-Alt-Del (my personal favorite combination ;) ). Or even better, Apple could just print the icons on the keys themselves.

Page 1 of 912345...Last »