No code? No problem. How to build landing pages without being a dev. [Part 1/4]


March 12th, 2021, posted in tech_stuff
by Adelina

As a designer here at UPDIVISION, I sometimes create landing pages. And once the designs are done, they go to one of our developers, who transforms the design into frontend code. But that entire process got us wondering - is there an easier, quicker way to do this? 


So I decided to do an experiment. Could I, a designer, build a good-looking, functional website, without writing code?


Based on popular rankings, I chose 3 website builders:

  • Squarespace: a newer, modern website builder you might’ve heard of on social media. The one good for personal sites, portfolios, or even small e-commerce sites.
  • Wix, one of the better known website builders. Good for pretty much any type of website and with lots of templates set for various industries.
  • Wordpress, probably the most popular one out there. Common for blogs, but apparently the White House website uses it too. Who knew.


The plan: I'll build the same landing page in each of the three website builders. Of course, not all of them provide identical themes and templates, so the layouts won’t be identical. But the key is to have the same main components, sections and content.


The landing page I’m building promotes UPDIVISION’s recruitment services. I decided to split it into the following sections: introduction, reasons why, services, testimonials, and a contact form.


One of my objectives is to begin the landing page in a 2-column set up, with a headline and subheadline on one side and a photo on the other. I’d also like to have distinct designs for each section, each fitting the section’s subject. For instance, the testimonial section should have a quote style and hopefully a slider so I could put in multiple testimonials. Also, the services section should hopefully split the content in columns, in a nice-looking way. 


Once all 3 landing pages are done, the “control group” of my little experiment comes into play. I’ll make the landing page in Figma, using the same structure described. I’ll then compare the website builder landing pages with this one, to see which way is ultimately better (or more efficient). 


So, now that I have decided what I need to do, it’s time to get tinkering. If you’re wondering which website builder was the best for my landing page, tune in in the next few weeks to find out.


But if you’re looking to build some complex software and need assistance, contact us and let’s see what we can do together. 

About the author


Artsy kid navigating the world of tech for the first time and trying to learn as much as possible about it. My biggest passions are video making, writing, and TV shows I can cry to at 2AM. I also really love IKEA.

See more articles by Adelina