Posts Tagged ‘web design’

Free Web UI Sources

Tuesday, August 24th, 2010

Mashable has collected 10 sets of great UI templates for Photoshop, Illustrator and Omnigraffle. These sets include everything from icons, to skin-able vector buttons, to browser specific form elements that can really speed up the prototyping process. The posts get a little redundant if you go through the entire list, but there are definitely some gems if you dig a little.

Click here to read the full article.

Click here for free vector icons. Great for getting your idea across without going through the process of creating your own illustrations.

Click here for a vector wireframe kit.

Click here for a robust browser kit with editable form fields and browser bar elements for all major browsers.

The Downtown Fiction Website Launch

Tuesday, May 25th, 2010

Today we launched a new website for Photofinish Records band The Downtown Fiction. The site was designed by Edith Levin, project managed by Jeremy Kutner and built buy the WMG Direct to Fan team.

It may be a one page website, but we have a lot of great features like Facebook Like buttons, Twitter @anywhere hovercards, Twitter hashtag searches and fonts from Typekit built in.

Check out The Downtown Fiction.

the downtown fiction

Usability Assessment of MySpace Apps Leaked

Thursday, April 29th, 2010

MySpace has never been know for its simplicity or usability. Fortunately for users they were trying to do something about it. Unfortunately for MySpace those documents leaked online. MySpace was seeing poor install and retention rates for their apps compared to Facebook and hired a usability team to make some web design and user experience recommendations. It’s more pixel pushing than redesign, but a very interesting look into one do the largest sites on the web and how they strive to improve their business.

Click here for a link to the document.

Estelle Music Website Launch

Tuesday, April 13th, 2010

Today we launched a new EOS powered website for Estelle. It was designed in house by Amy Stein and built by the D2F team at WMG in conjunction with Atlantic.

Check out the site.

Estelle Music Homepage

Circa Survive Launch

Tuesday, March 16th, 2010

Today we launched a new site for Circa Survive designed in house by Amy Stein, project managed by Jeremy Kutner and built by D2C team at WMG. The site focuses around a series of webisodes the band is recording on tour and a growing community and tour archive.

Check out the site here.

circa survive homepage

TestSize.com – Test Your Site at Multiple Sizes

Wednesday, March 10th, 2010

Designers have a distorted view of the web. We all have huge monitors and speedy computers and it’s easy to forget that your average web user isn’t always so lucky. Testsize.com is a simple web app that allows you to easily check out how your site will display on monitors of varying size.

To use the site you only have to enter a url, a size, and hit enter. There are shortcuts that allow you to cycle through different sizes, and zoom, but the developers of the app have done a good job of keeping the options minimal and the application simple.

Check out TestSize.com here.

screenshot of test size

Notable – The Easiest Way for Teams to Provide Feedback on Websites

Tuesday, March 9th, 2010

Notable

Notable is a web and iPhone based service that allows team members to easily share feedback on all aspects of a website. To start a discussion you create a new project called a capture, or a set to hold multiple captures. Captures can be created from a url, by uploading an image, from an iPhone screenshot or from a Firefox Plugin. After creating a capture your team can comment on the page’s design, code, copy or seo. Users can also output the results to a PDF, email, public or private urls.

home

Design

When uploading a jpg, or a capture from a url, Notable creates and stores a full page screenshot of your webpage. Multiple users can create transparent boxes with comments on top of the page giving the designer consolidated visual feedback.

design

Code

Code view is organized by html, css and javascript. You can isolate each source file and highlight lines of code by clicking and filling out a pop-up comment box.

code

Copy

The copy tab removes all graphics and markup from your page and reproduces the page as plain text. Unlike code view, you can highlight individual characters or words for comment.

copy

SEO

The SEO tab analyzes how search engines see your page and only displays relevant content. The left column contains a list of keywords and keyword phrases appearing on your page. The right column breaks down the page by metadata, headers, first 100 words used on the page, bold/strong elements, alt tags and outbound links giving you a thorough view of how a search engine sees your site.

seo

Pricing plans for Notable range from free to $119 a month based on the number of users and the total amount of storage needed. Notable is one of the most thorough site markup tools on the market allowing you to give feedback on site design, code, copy and seo. Pair that with the companion iPhone application and you have a tool that no production team should be without.

Check out Notable here.