Tools for Managing Web Projects – Best Of
With the ever-growing market of tech startups, Web apps and in-browser tools have become extremely popular among developers, designers, freelancers, and project managers. Over time these tools progressed and we now seen the release of desktop software, mobile apps, and even greater possibilities.
For this article I have collected dozens of various online resources from different topics which are useful to creative professionals. The tools are geared towards website projects, but can certainly be applied into almost any technology-based field.
Recommended Reading: Useful (Offline) Utensils and Toolkits for Designers
In past releases of different open source projects the codes have been published on blogs and personal websites. But this method of sharing is not always the easiest, and it does not allow for contributions. I find these couple of tools for managing project codes are the absolute best solutions for a lone developer or teams of coders.
Github and more specifically the Git version control system features an elegant way of managing project codes. Git is more lucrative than Subversion and provides an easier installation process for newbies. Creating new branches is very simple and there is no fear of accidentally losing your hard work.
One reason I highly recommend using Github for hosting your projects is because they have been doing it for so long. Their (free) tools are just simply the best – you have access to a user wiki, Q&A support, push requests, and free webpage hosting for your documentation files. The network is teeming with developers and it is an excellent resource for both submitting and checking out new projects.
I do not see Beanstalk mentioned as frequently as Github, but it is still a really nice service for newer Internet launches. Their target is geared towards private repositories with a potential team of developers collaborating in the backend. They support Git, Mercurial, and Subversion to handle version control on your project. The features list is quite expansive and even includes multiple choices for live deployment onto a web server!
If you have never heard of Beanstalk I must recommend at least glancing over their website. I think any dev team could greatly benefit from their service, especially for more complicated projects which will need a large number of revisions after launching online.
Another alternative to Github is Bitbucket which also has free unlimited repo hosting for open source projects. You can pay for a private API key and server space, but this is not required. Bitbucket is also multi-user and supports Git or Mercurial. The best reason to push for Bitbucket is when building with a team of developers who don’t want to shell out money. The amount of internal resources and their online guides make this product irresistible.
Anybody who is familiar with managing any creative project will understand the necessity of a to-do list. Moving into the digital era we can expect not just a cool webapp, but connections with other members in our team. Think about shared project lists where tasks may be designated to specific users. These are the best tools-of-the-trade for getting your tasks organized.
Although I have only spent a short time using Trello it is currently all the buzz among digital task enthusiasts. Their dashboard is extremely easy to manage and the signup process is very quick. Although the terminology can get a bit confusing, the Trello tour page can answer a lot of common questions.
One thing I specifically like about Trello is the ability to work with other people in your team. New projects are designated their own Board which contains to-dos or internal sub-boards. Tasks can be classified as To-Do, Doing, and Done. The interface may seem strange at first but give it a shot and I promise you will not be disappointed.
The name is really simple, but the concept of task management is no easy idea. The webapp Do is really easy to use and focuses greatly on team management. Delegate tasks out to different users on various projects. All of your calendars and contacts will sync to display for other members in your group.
Do isn’t necessary for just a single user; the UI might be a bit overkill. But their features are tremendous for any design agency or creative studio. Surprisingly you can integrate Google accounts like Gmail and Google Drive right into the application. If you want to demo their features just sign up using a free plan and test the waters.
Having used Basecamp for many years I still like to include this with the other solutions. The ability to create your own teams and organize tasks dedicated to specific users is very handy. And each project has discussions and calendars for everybody to access. You can host text docs or similar resources which need to be shared among members, and ultimately Basecamp is just the most notable way for bridging gaps for teams and single users.
Many new tech startups are handling payments from alternatives outside of PayPal. The realm of digital transactions now requires backend support for APIs on credit, or 3rd party vendors as well. These tools are made specifically for developers who need to handle online payments without building everything from scratch.
The extremely popular payment API Stripe has been gaining a lot of recognition. In the past year I have seen this mentioned countless times by other CEOs and startup teams who have been struggling with alternatives for payment. Their API is very easy to understand and works well using any backend language.
I remember they do support a wide variety of both webapps and mobile apps. You can check the documentation page if you want to read a bit more. They even offer a Stripe Connect feature which would provide a quick checkout process for any sales. Out of all the solutions available, I have been incredibly excited to see a company like Stripe getting some real attention.
The Paymill website is definitely impressive along with their support docs. The payments are handled via credit or debit cards, along with more gateways coming in the near future. The greatest asset is their vast plugin library which supports Drupal and VirtueMart, among other services.
It certainly isn’t perfect but Paymill can fit into general eCommerce stores without much hassle during the installation.
The dashboard is also extremely easy to use for newcomers, and I would recommend Braintree as a perfect choice when digging for a simple payment solution.
Admittedly data logs are certainly not useful to everybody. I feel that logging applications provide a deep analysis of traffic and issues within the server. It can help if you are testing updates or changes to your code. Or if you are expecting upticks in traffic and users on the frontend of your website.
These resources may be hosted externally and will procure all of your logs in an orderly fashion.
Sumo Logic is a newer startup in the field which offers a very nice service. The log data is presented in an easy-to-skim dashboard interface with charts and numbers. You can easily pinpoint related problems over the recent data queries and organize this information as needed.
And everything is stored within the cloud so you do not need to worry about local disk space. To answer further questions check out their FAQ page.
The cute design of Logstash will stand out among the other data logging companies. Logstash is completely open source and free to distribute on any number of servers to manage. The installation will take some time, but their features are impeccable for a self-hosted solution.
You will get access to an entire dashboard area which holds all your past logs. This data can be reorganized in any fashion you like, and you can even search logs for a date or reference key. The latest documentation page is also full of great info. This logging system is not for the average user but it grants more control than other alternatives. Plus you cannot beat open source!
The Papertrail App has been mentioned a lot for producing very good quality logs. They are also a cloud-based hosting platform where you can login to access all the statistics from your web server. I feel their price ranges are generally higher than Sumo Logic because of the flat rate per month.
Sumo will only charge users for what they use, so lighter companies end up paying much less. Papertrail is better suited to handle intensive loads and working with a team of server admins or website developers.
I think dashboards are the most truly interesting web applications of 2013. These tools provide access to all the important data within your company. This may pertain to split testing, e-mail signups, monthly traffic, or any number of metrics. A dashboard is one useful product for measuring the overall success of your project based on hard numerical data statistics.
When I think of dashboard applications I immediately think about Mixpanel. They have been online for a few years and have proven a great track records for analytics lovers. This is a wonderful service when you need to record visitor interactions on your website. Possibly checking for new signups or user retention rates. Their free account is very reasonable and quickly introduces you to the world of dashboard analytics.
The reason I had to include DigMyData into this list is for their ability to connect with a multitude of networks. Businesses need to access a majority of their stats by visiting different websites. However the dashboard from DigMyData can include payments from a number of services like PayPal, Google Checkout, and Stripe.
Plus you can include API keys for your MailChimp, Aweber, or Campaign Monitor accounts. Google Analytics also has a connection method and you can even import documents/spreadsheets from Google Drive. DigMyData is more of a colossus dashboard where you can go for all your company statistics at once. Pretty cool if you have the time!
The Instrumental dashboard app is a little more tech-savvy in comparison with the other two. Most of the charts will monitor your server usage and disk space, along with CPU speeds and other digitized information. This service will be useful to a few companies who value high-proficiency in technology.
However their prices are also not as forgiving. Instrumental is a tool which is nice to know exists, but certainly isn’t required in all projects.
Startups and newer websites which offer direct support may eventually become bogged down with requests. If you are selling products or services, you will need a way to handle issues from your customers.
This is a big area for webapps which includes at least a dozen or more choices, so don’t be afraid to experiment and try out products until you find one that works for you.
Anybody who has read into customer support webapps must know about Intercom. Their popularity is of no coincidence after checking out the product. The Intercom administration panel is super easy to use for beginners and experts. This means you do not need to bring techies on board to handle the support tickets and emails.
You can manage relationships with the company and specific conversations between customers. All of this communication is archived to access at a later date, as needed. You can also setup a small resolution message box for customers to send their thoughts about the website. If you get a chance to skim the documentation you will notice a whole collection of user-centric features.
GrooveHQ is another resource which may be considered one seriously cool application. They support mobile phones and tablets, along with desktop web browsers for accessing the support dashboard. Tweets, tickets, and chats can all be managed from within the same window.
Organizing new tickets and assigning them to various tasks will be a piece of cake. The pricing model can get expensive if you have a lot of employees handling tickets. but Groove is definitely perfect for a new smaller startup launch.
The Tender support app is a more slimmed version of the other two solutions. This is actually a good thing for people who are looking for simplicity. You quickly have access to the Knowledgebase and closing/responding to discussions. My particular quip is how they lack a free plan for new users or customers with a small userbase. But overall Tender is a distinct support app which does include all the core features you would need.
A/B split testing has been around for years but the resources for performing these tasks are just getting into the spotlight. I do not think every website layout will require split testing. But playing around in your design can unearth UI/UX trends you had never even considered.
One other important feature to mention is the ability of collaborating in teams. VWO allows for multiple logins and setting permissions based on user accounts. This is the best optimization tool for working within a team of designers/developers.
Optimizely is another young contender in the market which can help move A/B testing off your server. Their backend has a nice drag-and-drop utility which makes handling your changes a breeze. Developers may want to double check codes before running, but it is a lot easier to maintain your website. I would say Optimizely is the best choice for beginners who are not super familiar with split testing. Their backend is quick to traverse and the UI just makes sense.
There will be times when you need to share files between computers or with a colleague online. There are Instant Messaging chat systems which allow for directly sending files, but cloud hosting solutions exist for this very reason. The market is still fairly small but growing rapidly.
Dropbox is a free solution which offers a decent amount of server space and great access on all Operating Systems. I feel that most people who need cloud storage are using Dropbox, so it is a very trusted solution. It is definitely more personalized where you can organize content into folders and share them with other users.
Dropbox is best used in a team environment where you need to keep multiple teammates in the loop together. But it can also work great for an individual, it just depends on your needs for a cloud hosting solution.
I currently use CloudApp every single day for transferring documents and photos between computers. It is a bit messier than Dropbox since all files are listed in a single root folder and organized chronologically. But the library UI allows you to sort contents by images, text, video, audio, archives, and other common filetypes. This is a more stripped-down version of cloud file hosting for quick and effortless uploading/downloading – even from mobile devices!
Methods of contacting users & customers have been reinvented and re-imagined for many purposes, but e-mail is a timeless classic. Campaign marketing does not disrupt users when they are busy. Instead they receive a nice letter within their inbox waiting to be read. These tools will help you manage subscriber lists and to push out newsletters from an e-mail server.
I simply adore MailChimp over similar applications mostly for their amazing customer service and backend dashboard. They have been online for a while and more people have been flocking to the MailChimp crowd. Users will have full control over their e-mail lists and how frequently to send new campaigns.
Check out their features page if you want to get an overview. The MailChimp templating engine is very solid and it even provides free custom templates you can use as a base foundation. Anybody who knows the pains of coding your own e-mail newsletter from scratch can attest to the helpful nature of pre-built templates. And one of the most important considerations is that MailChimp will remain free if you signup for a free account. There is no trial period, or the trial is just free until you choose to upgrade.
Postmark is a different kind of webapp which supports dynamic e-mails sent via APIs. These may be sent out when users purchase something, or sign up to your list, or send an error message after your application crashes. Postmark is a better system for handling automated e-mail which is to be sent out at various times, as opposed to a whole newsletter campaign sent out in bulk mass.
Another void to fill when building new projects is handling errors and bug tracking. There are lots of solutions you may install on your own server, but 3rd party alternatives can be just as good. It depends on your needs as a developer and how many tweaks/bugs you plan to deal with. When scaling a larger web application these error tracking services will save you a lot of headaches.
Ever since the launch of Sifter I have been reading their updates on related blogs every so often. Their project management dashboard is quite useful for dealing with pesky bugs in your code. It is possible to implement many projects and once and designate bugs as being fixed by different users in your team.
The unfortunate part is that you only get a 14-day free trial when signing up. Otherwise their paid plans require a monthly charge of $29-$149 USD.
Sentry is my personal recommendation because of their beautiful dashboard and quick installation for any type of business. Website projects and mobile apps can benefit from using Sentry’s features. Most notably you will receive updates in real-time as they are happening in the application. Plus it can work running on dozens of platforms including Java, PHP, Rails, Python, Objective-C, and more.
You may signup for a free 7-day trial period just for testing the waters. I have yet to be disappointed and Sentry runs a solid open source error catching architecture.
I had first noticed Coalmine mentioned in a blog post a few months back. Turns out they are another fantastic error handling service which also manages on PHP, Rails, Python, and even Google App Engine. The project is completely open source and hosted on Github if you want to take a peek.
The Coalmine free plan is an excellent place for beginners to get started who are unfamiliar with error handling services.
Many social networking websites which scale too quickly often run into trouble. The servers and databases cannot manage an overload of traffic, and over many repeats this can be disastrous to your project with long periods of downtime. Note that viral content is often the cause, but this scenario could happen to nearly any type of website.
These testing tools are useful to developers who are expecting a lot of fluctuations in traffic and need to study how it should be handled.
One of the quickest solutions Load Impact is a testing suite for websites under heavy traffic. You can manage a dashboard of statistics pulled from your server after running distinct connection tests. Their features will help determine bugs in your code which may be causing issues with loading times. Check out their list of features to get a better idea of what Load Impact can offer.
Selenium is not a cloud-based solution as Load Impact, but instead offers a totally different spin on testing for high bandwidth. You can download the Selenium plugin to install in your browser for automating specific tasks related to load management. Things like user logins, updating avatar photos, posting comments, or similar tasks. It is not as straightforward as a self-hosted application but Selenium is very popular among the development community.
Cloud-Based Code Editing
A lot of my small ideas for user interfaces are crafted within cloud environments. There are plenty of tools which allow you to build a fully customizable HTML/CSS/JS webpage, using nothing but an Internet connection and a web browser. These cloud IDEs are great for coding on-the-go and for sharing your quick ideas with other developers.
I don’t think that Cloud9 gets enough mention for all the features that they offer. You can signup for a free account and still use a small bit of server space for testing your applications. Cloud9 is a fully integrated IDE where you may connect into projects hosted on your Github or Bitbucket account.
But Cloud9 is even cooler when you consider that they offer full app hosting for beta testing and planning new features. The premium account costs $12/month and you will be granted access to a litany of additional member features, extra HDD space, and the ability to share codes with other members. You may build & test static HTML or even dynamic PHP webpages. Check out their features page to learn a bit more.
The amazing jsFiddle is definitely not a replicate of Cloud9. But instead a simpler resource for building & testing website interfaces without desktop software. The signup is free and allows you to save projects online which you may revisit later. The publishing system is version controlled much like Git where you may update projects and reset the master root.
All new Fiddles are public by default so it is easy to share links with other developers or post them to your website/blog.
Social Media Sharing
Networking and marketing is a huge part of any successful business. And social media is currently the pinnacle of viral content. These tools are extremely beneficial to keep on top of your Facebook and Twitter feeds. Additionally you may signup to use other services, such as YouTube or Pinterest. Each product has its own benefits and you’ll have to consider a few options to weigh out the pros and cons.
The HootSuite library has been around for a while and contains a lot of variety. You can schedule posts to publish in the future and organize content like retweets or new user comments. Even better is the introduction of HootSuite teams where you may incorporate different team members into a single account.
They offer a free plan which allows a basic level of 5 different social profiles. You can access the majority of their features just on the free plan, but consider the other options if you need HootSuite as an enterprise marketing system.
An alternative is Buffer which performs many of the same capabilities as HootSuite. I really enjoy using Buffer App because of the simplicity of getting started. You can sign up very quickly and attach all of your related social profiles. Additionally they have extensions for Chrome, Firefox, and even offer mobile apps for Android and iOS.
SocialFlow is an interesting product which handles marketing content a bit differently from the other services. You can track conversations and shared links in real time as they appear on networks. Users will have access to graphs and tables which correlate to your natural social marketing trends. The project is currently in beta testing, however you may request a demo to see what is coming in the very near future.
The process of building and launching a website has changed quite a bit in the past decade. It is now much easier to handle development updates and sharing project changes with your teammates. The vast number of helpful resources online is a crucial step in the right direction towards garnering more control over your web projects.
But there is certainly no way that I could imagine every useful tool for online businesses. These resources are a huge guide looking forward into 2013 but it is only my collective experience. I would love to see additional suggestions and resources in the comments area. Plus if you are using any similar tools for your own projects it would be great to read personal reviews from developers and founders.
Author: Jake Rocheleau
Jake is a user experience designer for both web and mobile platforms. Having over 4 years of freelance projects under his belt, he frequently writes articles on topics of modern design trends and social media. You can check out some of his work on Dribbble or follow his tweets @jakerocheleau.