🔨
Creating Projects in Vev
Learn how to create, structure, and manage a project in the Design & Content Editors.
As you build in Vev, you will naturally start to understand how projects are structured. This article will help get you familiar with how projects work.
In this lesson:
  • Creating a project
  • The anatomy of a project

Creating a Project

There are two ways to create a project in Vev:
  1. 1.
    From the dashboard, click on the blue 'Create Project' button on the top-right
  2. 2.
    Click on the '+' plus icon next to Drafts on the left side of the dashboard
From here, select a blank project or a template. For now, let’s start with a blank canvas by clicking "Start From Scratch".

Setting your Project Layout

The project layout refers to the type of device the project is optimized for: Desktop first, Mobile first, Social or Presentation. When starting from a blank canvas, you can choose your starting layout. t. We recommend starting with 'Desktop first', and easily 'optimize for tablet, mobile later if needed.optimize for tablet, mobile later if needed.
The default dimensions for ‘Desktop first’ is 1440x900. Use the ‘Custom Preset’ option if you’d like to set your own default desktop dimensions.

Naming a Project and Site Homepage

  • Name your project by clicking on the 'Untitled Project' field on the top of the page
  • **Rename your home page: **Vev auto-generates the name to your homepage. Customize the name by double-clicking the text next to the Home icon at the top of the left-hand navigation panel.
Note: Vev auto-generates a name to your front page. You can rename the front page manually in the left-side layer panel.

Anatomy of a project

Overview

When building in Vev, it's best to stick to a strict hierarchy or 'anatomy' for your designs. This hierarchy is comprised of sections, elements, and add-ons.
#
Anatomy
Description
1
Projects
From here, you can edit page settings, meta-data, hosting, and additional plug-ins.
2
Sections
Full-width sections that can be added to your canvas with varying pre-built functionality.
3
Frames
Containers or divs meant to group and organize elements.
4
Elements
Text, images, buttons, and more.
5
Animations & Addons
Extend the functionality and interactivity of your content. Animate, link, call APIs, track events with your analytics tools, and much more.

Sections

Sections are fundamental to your design – You can't build in Vev without them. Put simply, sections are full-width components that can extend the entire browser window as opposed to frames and elements which are only contained within the safe zone.

Elements

Elements are the building blocks of your canvas such as text, images, buttons, and more.

Frames

Frames are meant to organize and contain elements in order to make responsive design easier. They can also function as a design tool to create more immersive and interactive behavior.

Addons

Breathe life into your design and content with options like animations and scroll speeds.