A communication platform that enables users to leave notes and feedback on live websites.
As a web development agency (Benzo Media) we experienced a lot of friction communicating with our clients. Our communication process included e-mails, WhatsApp messages, screenshots, and phone calls. We also felt like our clients were not getting the best experience we can offer. We wanted them to be surprised at how great and easy their experience is in every interaction with our agency. just like when you interact with a really great product. We wanted them to feel so thrilled with their experience that they would just want to share it with their friends, their wife whoever.
That's how we came up with Webscope.
Here is a very typical Email we used to get from our clients, and this is just one client out of three that the company had involved in this project.
So we out and built an MVP which simply concluded the live website in an Iframe on the right hand side of the screen, and a list of notes on the right hand side. There was indication of the notes location yet. Simply a list of notes along side the website. It took us about a week to built this MVP from top to bottom, and the purpose was to see if other web developers share the same problem we had, and was this simple tool solving that problem for them.
So We Got our MVP online and posted a link to it in a developers Facebook group. The comments made us feel we were really on to a something. Here are a couple of the responses we got (It’s in Hebrew, so english speakers you will just have to trust me).
A lot of people were identifying with our pain and had made interest in the platform. We talked to some of them and tried to understand what other features they would like to see on the platform. We summed all our feedback up and we made a couple of decisions:
We had to provide the note’s location. People were expecting it and it felt like a necessity in the platform.
Another idea that we came up with after talking with the developers was a feature that enabled developers to brand Webscope as his own. We felt like a lot of developers would enjoy the platform a lot more if they could make it their own and present a super professional face to their clients.
We went back to work. And after three months we had the first version of Webscope.
So, now you could right-click anywhere on the screen and leave a note! , you could also see the website on tablet, mobile or desktop versions. Once you clicked the locate note (located at the bottom left of every note) the platform would scroll to the note location and change the view to the view the note was written on.
As You can see there were a lot of UI changes made to the platform. We decided to get rid of everything that wasn’t the website or the notes. We made the top bar narrower and less obtrusive. We added an option to ‘ping clients/developers’ and let them know you left notes on the website. We also added an option to like, approve or decline a change.
In order for a website to be able to work properly with Webscope, the developer had to insert a code snippet that we provided in the head tag of his HTML file. As soon as that was done anyone with an invite to the project was able to leave notes and comment on other people’s notes.
And of course we had our new feature which enabled developers to brand Webscope as their own. A developer simply had to go to the agency section in the main menu and he could change the logo and brand colors to his own agency’s colors and logo. Once changed his client would never know it is not the developers proprietary platform.
We launched Webscope in a couple of Facebook groups and beta lists. We generated over 200 signups in three weeks we were content about. We started checking the numbers and users behavior. For the main funnel we set out 4 events in Mixpanel:
SignUp - When a user signs up to the platform
Project Created - When a user Creates a project.
Note Added - When a user leaves his first note in the platform.
Client Added - When a user sends out an invitation to his client to join the project.
We felt like the platforms magic moment was when a user leaves his first note on the live website, if he tried to locate his note the motion was very slick and fun to engage and we felt like we needed to get more users to reach that point of the funnel.
Our main problem in the funnel was the point between creating a project and leaving a note, that was the point the developer had to take the snippet that we had provided and place it in the head tag of his HTML file. The lose of users at that point was clear. First of all it meant only a developer with access to the website’s code could start a project, another thing was that it was a pretty big ask to get users to get out of Webscope’s platform, open their code editor and insert a code snippet. When you are simply checking out a new product you just want to see how the product in action. The first thing we did was to add a sample project that did not require a code snippet, so people can feel the platform before they have to implement their code snippet. We also added a short movie that explains a bit more about Webscope and how it works.
We also talked to a lot of our users and discovered some interesting things. It turned out that a lot of the people that were using Webscope were not web developers at all. Some of them were designers that used Webscope to communicate with their developers (sort of a post-Zeplin stage), some were product managers who used Webscope to give notes to their team. We decided to tackle the technology and eliminate the need for the code snippet. We got back to the drawing board for another two months and created a brand new version of Webscope.
We decided to eliminate everything that wasn’t a part of the feedback giving mechanism. We wanted to broaden our target audience from developers and web agencies to designers, product managers, clients, and basically everyone that wants to give feedback and leave notes on their website easily. That also means we eliminated the option to brand Webscope and make it your own (for now anyway).
This is the latest project screen:
It is super minimalistic, all the user has to do is insert his website Url, then the platform automatically fetches the image and name from the web. Once you go in the project you can easily leave notes and share it with clients, colleges, and friends.
We are super proud of it and think it’s a really great product!