We live in a world where we need to move quickly and iterate on our ideas as flexibly as possible. Building mockups strikes the ideal balance between true-life representation of the end product and ease of modification.

Mockups are useful both for the creative phase of the project – for instance when you’re trying to figure out your user flows or the proper visual hierarchy – and the production phase when they will represent the target product. 

Making mockups a part of your creative and development process allows you to quickly and easily ideate and iterate on your site before you’ve invested in the actual coding process.

Client

Alvaro Morata

Date

March 07, 2022

Designer

Marketify

Share

Fatal error: Uncaught Error: Class "Elementor\Core\Schemes\Color" not found in /htdocs/wp-content/plugins/tokyo-core/shortcode/widgets/frel-gallery.php:158 Stack trace: #0 /htdocs/wp-content/plugins/elementor/includes/base/controls-stack.php(2427): Frel\Widgets\Frel_Gallery->register_controls() #1 /htdocs/wp-content/plugins/elementor/includes/base/widget-base.php(1050): Elementor\Controls_Stack->init_controls() #2 /htdocs/wp-content/plugins/elementor/includes/base/controls-stack.php(569): Elementor\Widget_Base->init_controls() #3 /htdocs/wp-content/plugins/elementor/includes/base/widget-base.php(184): Elementor\Controls_Stack->get_stack() #4 /htdocs/wp-content/plugins/elementor/includes/base/controls-stack.php(314): Elementor\Widget_Base->get_stack() #5 /htdocs/wp-content/plugins/elementor/includes/base/controls-stack.php(2516): Elementor\Controls_Stack->get_controls() #6 /htdocs/wp-content/plugins/elementor/includes/base/controls-stack.php(1158): Elementor\Controls_Stack->sanitize_settings(Array) #7 /htdocs/wp-content/plugins/elementor/includes/base/controls-stack.php(2259): Elementor\Controls_Stack->get_data('settings') #8 /htdocs/wp-content/plugins/elementor/core/base/base-object.php(142): Elementor\Controls_Stack->get_init_settings() #9 /htdocs/wp-content/plugins/elementor/core/base/base-object.php(40): Elementor\Core\Base\Base_Object->ensure_settings() #10 /htdocs/wp-content/plugins/elementor/includes/base/controls-stack.php(1172): Elementor\Core\Base\Base_Object->get_settings() #11 /htdocs/wp-content/plugins/elementor/includes/base/controls-stack.php(1263): Elementor\Controls_Stack->get_parsed_dynamic_settings() #12 /htdocs/wp-content/plugins/elementor-pro/modules/display-conditions/module.php(174): Elementor\Controls_Stack->get_settings_for_display() #13 /htdocs/wp-includes/class-wp-hook.php(324): ElementorPro\Modules\DisplayConditions\Module->before_element_render(Object(Frel\Widgets\Frel_Gallery)) #14 /htdocs/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters('', Array) #15 /htdocs/wp-includes/plugin.php(517): WP_Hook->do_action(Array) #16 /htdocs/wp-content/plugins/elementor/includes/base/element-base.php(474): do_action('elementor/front...', Object(Frel\Widgets\Frel_Gallery)) #17 /htdocs/wp-content/plugins/elementor/includes/base/element-base.php(1442): Elementor\Element_Base->print_element() #18 /htdocs/wp-content/plugins/elementor/includes/base/element-base.php(483): Elementor\Element_Base->print_content() #19 /htdocs/wp-content/plugins/elementor/includes/base/element-base.php(1442): Elementor\Element_Base->print_element() #20 /htdocs/wp-content/plugins/elementor/includes/base/element-base.php(483): Elementor\Element_Base->print_content() #21 /htdocs/wp-content/plugins/elementor/core/base/document.php(1885): Elementor\Element_Base->print_element() #22 /htdocs/wp-content/plugins/elementor/core/base/document.php(1801): Elementor\Core\Base\Document->do_print_elements(Array) #23 /htdocs/wp-content/plugins/elementor/core/base/document.php(1200): Elementor\Core\Base\Document->print_elements(Array) #24 /htdocs/wp-content/plugins/elementor/includes/frontend.php(1209): Elementor\Core\Base\Document->print_elements_with_wrapper(Array) #25 /htdocs/wp-content/plugins/elementor/includes/frontend.php(1104): Elementor\Frontend->get_builder_content(41) #26 /htdocs/wp-includes/class-wp-hook.php(324): Elementor\Frontend->apply_builder_in_content('<p>We live in a...') #27 /htdocs/wp-includes/plugin.php(205): WP_Hook->apply_filters('<p>We live in a...', Array) #28 /htdocs/wp-includes/post-template.php(256): apply_filters('the_content', '<p>We live in a...') #29 /htdocs/wp-content/themes/tokyo/inc/templates/single-portfolio-template.php(59): the_content() #30 /htdocs/wp-includes/template.php(812): require('/htdocs/wp-cont...') #31 /htdocs/wp-includes/template.php(745): load_template('/htdocs/wp-cont...', false, Array) #32 /htdocs/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #33 /htdocs/wp-content/themes/tokyo/single-tokyo-project.php(28): get_template_part('inc/templates/s...') #34 /htdocs/wp-includes/template-loader.php(106): include('/htdocs/wp-cont...') #35 /htdocs/wp-blog-header.php(19): require_once('/htdocs/wp-incl...') #36 /htdocs/index.php(17): require('/htdocs/wp-blog...') #37 {main} thrown in /htdocs/wp-content/plugins/tokyo-core/shortcode/widgets/frel-gallery.php on line 158