
Smashing Magazine we smash you with the information that will make your life easier. really.
ConceptShare: Online Design Collaboration Made Easy
August 31st, 2007 in Developer's Toolbox | 18 Comments
We’ve all been there: a typical task web-developers permanently have to deal with: how to communicate with clients in an effective and convenient way? How to make sure that the best compromise between designers’ professional decisions and clients’ personal interests is indeed found? The more organized and convenient you handle the communication issue, the more conflicts and additional work you can avoid.
The answer is actually quite simple: you need to listen to your clients, although you shouldn’t follow their wishes blindly. Clients don’t always know what they really want and even more often they don’t know, whether the changes they’d like to introduce are effective in some way. You also need to make sure that your clients are listening to you, which is why you also have to build up the trust and respect for your professionalism and your work.
To achieve both goals, you need to discuss your concepts, ideas and sketches in a simple, descriptive and convenient way. You also need to receive a precise feedback on what details your clients would like to change or improve, and - more importantly - why they’d like to do that. Sending screenshots via e-mail often causes conflicts and misunderstandings, particularly because clients can’t articulate directly and have to describe with words what they actually mean.
Good news: there is an effective all-in-one-solution which can make the communication process much easier. ConceptShare is an optimal web-based idea and design sharing and collaboration tool you can use for virtual workgroups with clients, customers and colleagues.
ConceptShare: Online Design Collaboration made easy
As a design collaboration tool ConceptShare can be used for a number of different tasks. For instance, for business card or idenitity design and review, logo design review, interactive and multimedia design, photo retouching and art direction, GUI design, architecture, retail packaging or industrial design. Advisory or focus groups can use this tool to view advertising concepts and accurately describe any changes, and allow others to see feedback and help select the best concept.
In the web design process clients can be involved in the design, quality assurance and selection process before a line of code is written. Screens can be uploaded by a designer and shared with the development team who can use tools such as the Eyedropper to get HEX colors or the Ruler tool which can be used to measure DIV areas for CSS. Users, clients and designers can comment upon different areas of the sketch; they can markup and indicate changes the same way they would with a printout.
The tool provides the so-called “workspaces” which are implemented in Flash. Workspace is a virtual online room that can contain multiple visuals related to a design project to be reviewed by others. Any site and design elements can be placed within a workspace - a website layout, logo, video, sketch or a marketing-campaign - whatever.
Once this data - whether html-pages or graphics - is uploaded by the designer, members of the workspace can review and comment upon it. ConceptShare allows you to have a number of workspaces. Each of them can have its own set of designs, members, roles as well as their own chat room. Members can choose to be notified via e-mail when new visuals are awaiting their review. “Outside” members see only the workspaces they belong to.

File-management and members of a workspace. You can click on the image for a higher resolution (600 kb)
Additional tools are supposed to help designers to apply the changes immediately on the sketch - online; for instance, you can use also some visual markup (draw, crop, erase) and present them to your clients immediately. All sketches can be zoomed and a real-time-chat is supposed to enable design discussions online.

A part of the Workspace (top right)
You can also use a console to get an access to all changes which have been made since the sketch was uploaded. The history is stored permanently and it includes the information about new comments, uploads and members. The desktop is well thought-out and keeps the amount of tools to a minimum. A full screen mode is supposed to give workspace members an optimal view of the designs.
Conceptshare is a hosted service. Nothing has to be installed, the tool is loaded in the browser - of course, if Flash is supported. This has a particular advantage - using Flash, you can be sure that both clients and designers are talking about the same issue - even if they don’t use the same operating system, the same browser and the same screen resolution.
Conceptshare allows you a personal branding with your own name, colors, subdomain and logo when you subscribe or upgrade to the business package. Prices range between 19$,- and 199$,- per month. This depends on how many projects you’d like to manage, how many workspaces you’d like to be able to create and how much storage you need. You can also use a free trial version with 1 account manager, 1 project and 5 Mb storage.
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 53 CSS Techniques
- 40 Free Fonts
- 50 Beautiful Designs
- 50 Simple Designs
- 45 Fresh Designs
- 30 Dark Designs
- 65 Flash Designs
- Beautiful Icon Sets
- Beautiful Wallpapers
- Beautiful Photos
- Free Design Templates
- Free CSS Layouts
- Photoshop Tutorials
- Illustrator Tutorials
All Posts
- 35 Designers × 5 Questions
- 50 Designers × 6 Questions
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- Badges and Pins
- Black & White Photography
- Block Quotes
- Blog Designs
- Blog Headers
- Book Covers
- Brochures and Booklets
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Calendar Designs
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Editors
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Divine Proportion
- Domain Tools
- Dreamweaver Tutorials
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4, 5, 6
- Form Design Patterns
- Forums
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Style 1, 2
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4, 5
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- Laptop Sleeves
- Laptop Designs
- Link Building
- Links in New Windows?
- Mascots
- Motion Graphics
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Packaging Design
- Pagination
- PDF Magazines
- Photoshop Tutorials 1, 2
- Pixel Art
- Podcasts
- PNG Transparency
- Portfolios
- Product Designs
- RSS Best Design Practices
- RSS Feed Icons
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Source Code Editors
- Splash Pages
- Start Pages
- Stock Icons
- Space, Nebula wallpapers
- Tab-Based Interfaces
- Tag Clouds
- Textures
- Textures & Backgrounds
- Texture Design
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typography Showcase
- Typography BIG 1, 2
- Typographic Posters
- Typography In Motion
- Typography Showcase
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Vintage and Retro
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
- WYSIWYG Editors
Webtips
Sideblog
Mozilla has put out a call for everybody to share the vision of how we would like to see the Firefox browser and the Web in the future.
10 Free Handwriting Fonts features Sketch Rockwell, Gregs Other Hand and Imitation.
Coquette icons is a free set with curvy and colorful icons designed to get the affection of your visitors. .ico, .png, .icns, 128×128px. Backlink is necessary to use the set.
Logo Design Trends 2008 presents 15 current trends in logo design. Among them are Supernova, loops, stitch, amoeba and doodles.
You can follow Smashing Magazine on Twitter now. Ideas, suggestions, remarks? Feel free to share, discuss and spread the word.
Take the survey and help to sketch a true picture of the way web design and web development is practiced worldwide.
Donuts Icons Set is free and comes in 25 flavors: chocolate, glazed, powdered etc. Leopard ready, 512×512px. Formats: PNGs, Icns, Folder Icons, Ico and iContainer. Tasty!
Got It Icons Set is a free set of 115 icons based upon the well-known Tango icon set. SVGs-sources are available as well. Clean and useful.![]()
Jeff Finley shares 15 Common Designers' Mistakes in the Music Industry. Among them are not charging enough, ignoring typography, unprofessional behavior and over promising.
Henry Jones presents 400 High Quality Patterns — a collection of patterns of all shapes, sizes, and color. Some are images, and some are pattern files for Photoshop and Illustrator.












Wallpics (August 31st, 2007, 1:39 am)
nice tool..I think we should give it a try..
Marko Novak (August 31st, 2007, 2:23 am)
Exactly what I was looking for.
Rachael (August 31st, 2007, 2:58 am)
You shoulda posted this yesterday, *BEFORE* I started writing my own custom version of a thing like this…
tom (August 31st, 2007, 3:15 am)
looks like an excellent tool, one i shall investigate!
Razvan (August 31st, 2007, 6:20 am)
It’s very good, but I like to talk to my clients on im’s or even face to face if possible, otherwise, tools like this make the work and communication much easier.
Mario Parisé (August 31st, 2007, 10:53 am)
I love ConceptShare. I’ve written about it often and think it’s just excellently executed. Also, the CS boys (Bernie, Scott, Chris) are just swell.
MrsCommunication (August 31st, 2007, 11:38 am)
WOW! This looks so awesome. Thanks for the heads up.
wez (August 31st, 2007, 6:23 pm)
Hmmm, disappointed in you smashing magazine!! Ive never ever posted a negative comment before now because you guys are amazing at what you do! but. . .
When doing a feature for a sponsor you should say!! There are a few web apps that do the same kind of thing and to be balanced you should have featured a few. At its most basic file maker, who started this whole concept!!
i know you guys have to pay the bills, so keep up the good work!
Vitaly Friedman & Sven Lennartz (August 31st, 2007, 6:33 pm)
wez, we would never offer you a “sponsored” content. We have beeing using the tool for several weeks now and it is definitely one of the tools we would recommend to our users. Link [www.taskee.com] is another tool you can use for design collaboration and usability testing, but it isn’t that powerful.
You are talking about “few web apps that do the same kind of thing”. Could you point us to some of them?
Darren (September 1st, 2007, 12:49 am)
This looks great to use with other developers and some of my clients, but other clients that aren’t so computer savvy would be confused. I suspect it would create extra work just explaining how to use Concept Share to them.
Randolph (September 1st, 2007, 3:52 am)
uhm… this could help
ply (September 1st, 2007, 3:54 am)
Great tool, but a little expensive to freelance designers