I have to make something very clear at the beginning of this post: I am not a developer. I am interested in learning how to write code as I think it would be a very practical skill, especially given the company I am starting right now, but I have no background other than a life long appreciation for what finished products look like and what they can do. I can see how new developments in technology can be applied in everyday life, but until a year ago I was a molecular biologist by trade and training. With this in mind, this is my relatively uneducated opinion based on a number of frustrating experiences over the weekend.
WYSIWYG
As a relative noob in this arena, I decided that it would be best to use a ‘What you see is what you get’ (WYSIWYG) tool to help our main developer with some of the front end, freeing him to focus on the backend. This would also allow us to get something out there a bit sooner and start working on getting some interest in our platform so that when it is ready, there will be people ready to test it. From my understanding, this was a relatively easy thing to do.
I am a bit of a perfectionist at times, and as such, was grossly misinformed.
I spent a majority of the weekend researching and testing free and free demo versions of paid WYSIWYG builders. This was incredibly time consuming and, as it turns out, fairly fruitless. There are a lot of good tools out there, but a number of them are pretty limiting from what I could tell, or just not intuitive enough and therefore appeared limiting. I needed something simple, customizable and quick.
‘Why not just hire someone to do the website for you?’ you might be asking. That is definitely in the cards, but we are trying to stay true to lean startup methods as much as possible and bootstrapping right now, so the money would be better spent on other matters if we can do most of it on our own. Also, I feel it is my responsibility to help on the development end where possible. We will eventually be hosting the site on our own server and therefore we also don’t need much of the hosting options that are offered with the sites I tried out.

4,660,000? That is just way too many!
For research, I Googled ‘WYSIWYG editor’ which apparently is way too vague. Eventually I found a few good review articles that tested many editors. I tested Freeway 5.5, Webs, Weebly, Moonfruit, looked into Drupal editors, iWeb and one or two others that I am blanking on right now. I liked how Flux looked, but couldn’t find a demo version. I was going to test BlueGriffon, but by that time I was just tired of looking around.
Weebly and Webs were a bit frustrating as they did not allow me to edit certain elements of the page to my liking. The templates were decent in all the above, but only Moonfruit had one I really liked and allowed as much control over everything as I was hoping. Too bad it is entirely Flash and there are tons of complaints about translation into HTML for mobile browsers. I tested the site I had been developing on my phone and was NOT pleased with how it looked.
Once again, these are all good editors, and I think I will purchase RapidWeaver when the time comes for us to do a bit more fine tuning and cleaning of the HTML code. Weebly, Moonfruit and Webs all provide hosting and paid versions include credits for Facebook Ads and/or Google Adwords. They really are a good deal, and I have to say Moonfruit was my overall favorite, but the Flash thing was a deal breaker.

Unbounce is a service for rapid A/B testing. For those of you unsure of what this means, it is quickly developing and testing page variants to help decide best marketing strategy based on visitor conversions. The Obama campaign used this strategy (doubt they used Unbounce) to optimize their campaign contribution page. I had already signed up for a free account for our basic lead generation page, which can be found here: PrescribableApps. This was entirely based on one of their templates, and I think it looks pretty good. Not exactly the professional feel we were going for, but a solid start for lead generation.
If you click the ‘free account’ link above, you will see that the monthly rates for Unbounce are a bit higher than Moonfruit or some of the other sites listed previously. Not entirely sure why this is, but I am guessing it has something to do with the ability to create UNLIMITED subdomains and A/B split tests. As an early company trying to find leads to test a closed alpha, this is a great feature made particularly easy by the great marketing templates they provide users and the marketing tools provided by their integration partners. I personally feel this is a great hosting tool for any budding enterprise, but it would be quite nice and reasonable to expect some Google Adwords or Facebook Ads credits like other sites since this is a marketing tool and all.
However, the focus on marketing is a little limiting if you want to try to quickly build out something resembling a full website. The templates are not at all configured for a standard homepage, and therefore require that just about everything be done from scratch. Since we were already using the service for our homepage, I decided to play around a bit with the editor and see what could be accomplished. As you might be able to tell, I was very pleased. If only I had done this sooner, I would have saved myself a lot of time and frustration (although I did learn a lot from the process which is valuable).
This is (obviously) still a work in progress, but I am working on changing our homepage to look a little something like this. This website was entirely created using Inkscape (an Open Source alternative to Illustrator) and the editor tools in Unbounce. Granted, if I were a designer with HTML/JS/CSS skills, this wouldn’t be very impressive, but for a few hours work I think I did a pretty good job.
Workarounds
One of the significant limitations I realized is that there is no real JS or CSS editing possible. I tried a few times and found it very difficult. One way around that is to use the custom HTML boxes to include snippets of JS, as I did here with the Twitter box. The way around not having a standard CSS and master template for all pages is through the ‘Move to Another Page’ option. This allows the user to shuffle an entire variant to another page that is already set up and make the new variant the champion if they so desire (read: create new page first!). All the user needs to do is then remove unwanted elements and add new ones specific to the new page.

'Move to another page'-easy as pie
Another issue I encountered with Unbounce was a complication with ‘link color.’ The master theme will set all links on the page to appear as the same color and because of the colors I used, this just wasn’t going to be possible. Instead of starting over, I decided to make ‘buttons’ out of the links in the top right and then any links on the rest of the page were then the same color. Buttons are fully customizable and can be made transparent, so they look like normal links until closer inspection. This also made it possible for me to make the nav bar a little different than just a row of buttons. The standard templates have gradients in them, but they don’t come standard as an option in the blank template.
Finally, Unbounce supports the use of different forms for your conversion. There can only be one ‘form’ per page, but the options are comprehensive enough. I would include a screenshot of the form selection menu, but all my pages already have forms and I’m a little weary at this point. You’ll just have to see for yourself.
I’m not entirely sure if this is an entirely legitimate use of the Unbounce platform, but I looked through the TOS and it is certainly not forbidden. Granted this is also something that will only be hosted on their servers for a couple months while we build out our own site. And they claim to love entrepreneurs, so I don’t think they’ll mind too much.
Please let me know if you have any questions. I will answer what I can.
Like this:
Be the first to like this post.