You can find those setting to the right of the page. Try Startup App Try Slides App Other ProductsĪdditionally, Startup has a few design settings that are global to the whole page, including typography, colors, and animations. With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes. The second to last icon is particularly helpful because it lets you preview the design in the browser. In the top middle of the screen are a variety of useful icons including ones to toggle the side controls or delete your current page layout to restart. I’ve used the following sections, in order, to create this landing page design: Header 7 Testimonials 6 Call to action 11 Content 15 Showcase 10 Pricing table 7 Footer 13 Getting the Page Started in StartupĪs I briefly mentioned, I had a good idea of what I wanted the design of this page to look like. With this said, let’s talk about the design setup inside the Startup. Later, I plugged this content into the HTML generated by Startup. I took the time to figure out which images, texts, headlines, and CTAs were going where. Because this is such a simple page, it didn’t take much for me to gather it all. Once I had this established, I started on the content. The image above is the basic design I started with, and I’ll get into those detail next. This made working with Startup a much faster process for me. Once I was happy with the flow, I gathered all of my content so that I can easily plug into the page after exporting it from Startup. First, I took a look through all the different block components available in Startup and used it to create the general flow of the page that matched the content I wanted to present. The idea is to develop the overall flow of the page and identify the various content section and start generating the content before you start the visual design.įor this tutorial, I combined the approaches. Or, you can go the content-first route which we covered in another blog post here on Designmodo. This is great if you’re in the beginning stages of your design and don’t want to create a concept (or content) for something that Startup cannot accommodate. The first is to use the different section blocks to plan out your page flow and use it as a source of inspiration for your designs. If you plan on using Startup to build your pages, there are two ways you can go about this. Try Free Other Products Best Practices for Using Startup With Postcards you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.
0 Comments
Leave a Reply. |