“Siteframr” in Development: a collaborative website design & wireframing web app

May 13, 2008 | Published in: Web design Tools | Tags: , , , , , 13

Siteframr Last September I started work on a collaborative website design tool for my university project; after completing that project I set about enhancing it so that it could be distributed and used by many more designers. This year I believe Siteframr is nearing completion, and could be a useful tool for any web design company.

Read on for details on the upcoming app. Please share your thoughts and feelings about it!

What is Siteframr?

Been in a situation where you have produced a website, but realized you haven’t met the spec due to client error or your own? Been in a situation where emails are going back and forth between you and a client when trying to get concepts approved? This web app could be for you.

Siteframr is a collaborative design tool allowing both staff and clients to communicate effectively ensuring design specs are produced accurately and efficiently, wireframes are understood, and concepts are approved.

Feature list

  • Create projects, add users (staff and clients), the usual stuff
  • Define a project’s confinements
  • Discuss project strategy (goals, objectives etc)
  • Define the site structure
  • Draw and share wireframes
  • Comment on the created wireframes via “footnotes” which can be added anywhere on the drawing
  • Clone a wireframe if you want to enhance it
  • Combine several wireframes into a storyboard
  • Share and comment on design concepts
  • Todo’s
  • Message area
  • Calendar

Pricing?

I’m planning on making this subscription based with a free option for people with few projects. As for the actual cost, I’m open to suggestions. What would you pay for such a tool?

Target release/public beta

Aim is to have everything in place by July. Wish me luck!

Conclusion

So thats Siteframr. Would you find it useful? Would you subscribe? Any features you would like to see? I’m open to all suggestions!

Found this post useful? Why not buy me a coffee!

Related Entries

13 Responses to ““Siteframr” in Development: a collaborative website design & wireframing web app”

RSS feed for comments on this post.

  1. Eric DeLabar says:

    Awesome idea! Any plans for an API? I have an interesting idea for creating wireframes and I’m wondering if it could be used in conjunction with your service through a RESTful web service call. I’d love to discuss if you’re interested!

    ReplyReply

    Comment made on May 13, 2008 at 7:41 pm

  2. Mike Jolley says:

    Hi, thanks. I had no plans for API as of yet; this is my first web app and I’m building it on my own so time is short. Of course, an API would be a good thing to add once beta is out.

    We shall see =)

    ReplyReply

    Comment made on May 13, 2008 at 9:09 pm

  3. Ian says:

    I found this article looking for exactly that! Please tell me if I can beta test… Can’t wait!

    ReplyReply

    Comment made on May 14, 2008 at 4:33 am

  4. Mike Jolley says:

    Stay subscribed and Ill post when beta opens ;)

    ReplyReply

    Comment made on May 14, 2008 at 8:16 am

  5. Kristin Pishdadi says:

    Great stuff Mike. Can’t wait to try it out.

    ReplyReply

    Comment made on May 18, 2008 at 5:28 pm

  6. Mike Cherim says:

    Sounds really cool, Mike.

    ReplyReply

    Comment made on May 19, 2008 at 4:48 pm

  7. DavidA says:

    Yup, this would have helped every project I’ve ever done, including my personal ones. I have to maintain a graphics app and knowledge of it to do wireframing now so I can go ahead and create the site structure in a completely different tool. Having this tool would let me get all of the initial work done much faster.
    Question, can you export the wireframe to html/css format? Please say yes so we can go right from design into development with no rework :D

    ReplyReply

    Comment made on June 16, 2008 at 9:27 pm

  8. Nitin says:

    A great tool indeed. Looking forward to it. Hope to have it for free for individual users like myself.

    ReplyReply

    Comment made on June 18, 2008 at 1:24 pm

  9. Phil Smears says:

    I’ll be very interested in this when it’s done. Screenshots not working?

    ReplyReply

    Comment made on July 10, 2008 at 6:54 am

  10. Mike Jolley says:

    Thanks guys. (screenshots broke when I accidentally deleted them).

    Making progress with the system; at the moment its still standalone but I’m getting all features added in and enhancing the wireframe editor.

    ReplyReply

    Comment made on July 13, 2008 at 12:28 pm

  11. DavidA says:

    Follow-up comment. Yes, I’d pay a bit for single use, or a subscription. I would need to be able to restrict access but also grant read-only access for clients, just FYI.

    ReplyReply

    Comment made on March 28, 2009 at 3:13 pm

  12. web says:

    I bookmarked this page over a year ago and i’m surprised it’s still not ready

    ReplyReply

    Comment made on August 28, 2009 at 7:24 am

  13. Mike Jolley says:

    @web: For now it has been shelved I’m afraid.

    ReplyReply

    Comment made on August 28, 2009 at 11:56 am

Leave a Reply

Why ask?

About this site

Blue Anvil is the online web design journal & portfolio of , a web designer from Norfolk, England. Read More »
ThemeSlice
  • Featured work - More

    • Beefjack
    • Integrity
    • theotaku.com
  • Latest Tweet - More

    • Phew, rabbit was found in the school.
  • Out of the blue - More

    • MiniCard 1.1.7 Update

      I have just uploaded 1.1.7 of MiniCard here and to the WordPress theme directory. This updates includes:

      • New networks; xing, gowalla, yelp, foursquare, mobileme, google buzz
      • A way to change link text and define multiple links of the same network
      • A way to define your own custom links + icons
      • Improved admin panel

      Hope you like it, and don’t forget you can show your support by purchasing the premium pack from here.

    • Switched: From Shared to VPS

      It’s been about two weeks now since I made the transition from a shared reseller hosting account to a VPS (Virtual Private Server) account – impressions so far, excellent performance but fiddly to configure.

      The reason I wanted to change from shared hosting was the fact the server was always being hacked (even though ALL my scripts were secure), there was frequent downtime, support blamed me for problems every time, and it was slow as hell.

      Those used to a shared hosting environment would probably not know where to start when faced with configuring a VPS. Luckily, a lot of it was pre-configured when I received my account – certainly some of the major security holes were patched. I was not satisfied with those however. As a victim of hacking in the past (previous host swears it was not there fault, something I don’t believe) I took extra care to secure it as a much I could – configuring brute force detection, the firewall, installing mod security (excellent rules for that here: http://www.atomicorp.com/wiki/index.php/Atomic_ModSecurity_Rules) and going though multiple guides (like this one: http://www.webhostingtalk.com/showthread.php?t=468168) with a fine-tooth comb.

      The result? My pages are loading at least 6 times faster, I have had no down time (or at least have not noticed any), and I feel in control and happy. No longer am I at the mercy of shared hosts :)

      If your interested, I chose ServInt as my provider as they offered a great deal, as well as being a managed service (so I’m not on my own if I screw things up). I was tempted by the bells and whistles of Media Temple, but felt the ServInt service was better value.

    • Download Monitor 3.2.2 Maintenance Release

      Download Monitor has received some more love and has been updated. Here’s the change log from the new version:

      • Small bugfix in uploader.php – cat ID
      • Changed stats graph calculation – thanks lggemini
      • Changes to headers in download.php to avoid caching
      • File Browser fixes – $root was clashing with something….
      • exclude_cat works in all sections of download_page now
      • Removed hardcoding of /uploads/
      • Added action to download.php – should be able to use it to stop a download if you want – maybe limiting downloads per day or something? Whatever you want…
      • Made it so if you post new file on ‘edit’ screen, the post date is updated.
      • Fixed the ‘blank meta’ section which blanks out custom field values when nothing is set.
      • Moved ‘allow_url_fopen’ check.
      • Someone said downloads don’t work with spaces in the name. They do! Wasting my time sonny…
      • All work and no play make jolley a dull boy
      • Had to rename capabilities so they work. Apologies if you have to set this up again! Cheers to Mark Dingemanse.
      • {category_ID} custom format tag added. Useful if you want to send someone to its category on the DL page I guess. Also added {category_other} so when no category is set “other” is shown – this is because the download page can show an ‘other’ section if you want it to.
      • You can now manually edit the post date on the edit download screen.

      If you have edited capabilities for download monitor user permissions, you’ll have to again sorry! This is because I named them too long. Also, you should check your forced downloads still work because there was a logic error meaning they may not have been forced after-all…

      Enjoy.

    • Mahousive update to Download Monitor (3.2)

      Today I completed the update for the Wordpress Download Monitor Plugin – many tweaks, fixes, and features added. There were no changes to the database structure so people upgrading should be fine. Here is the list from the change log:

      • {user} tag added for custom formats
      • ‘autop’ option fix
      • Download page buttons applied with CSS so they are easier to customise/translate.
      • Fix for pagination bug after editing a download
      • Category output fix on edit downloads screen
      • Category urls on download page use ID rather than name to prevent errors when cats have the same names.
      • exclude_cat added to download_page shortcode
      • Localised ‘hits’ ‘date’ ‘title’ on download page
      • Option to disable the download logging
      • Read file ‘chunked’ some people found large files were corrupted so this should help (fingers crossed)
      • Added show_tags option to download page – displays x amount of tags on the download page.
      • File Browser root setting and download.php logic/mime types modified thanks to Jim Isaacs (jidd.jimisaacs.com)
      • Interface Improvements
      • Bulk edit categories, custom fields, tags, member only downloads
      • Added roles for download monitor admin – should be able to use with a role manager plugin if you want anyone other than admin to access the admin section e.g. http://wordpress.org/extend/plugins/capsman/
      • Change redirect after add
      • Edit Cat names/parents
      • Dedicated tags and thumbnails fields (they still use meta table though)

      And yes, those category link bugs are fixed at long last, and you can edit category names finally. Phew!