( ! ) Deprecated: strip_tags(): Passing null to parameter #1 ($string) of type string is deprecated in /home/jlahijani/Sites/goodui.org/site/templates/_og.php on line 13 Call Stack #TimeMemoryFunctionLocation 10.0000466184{main}( ).../index.php:0 20.08722255192ProcessWire\Wire->__call( $method = 'execute', $arguments = [0 => TRUE] ).../index.php:55 30.08722255192ProcessWire\WireHooks->runHooks( $object = class ProcessWire\ProcessPageView { }, $method = 'execute', $arguments = [0 => TRUE], $type = ??? ).../Wire.php:484 40.08722255608ProcessWire\Wire->_callMethod( $method = '___execute', $arguments = [0 => TRUE] ).../WireHooks.php:952 50.08722255608ProcessWire\ProcessPageView->___execute( $internal = TRUE ).../Wire.php:416 60.10382361504ProcessWire\ProcessPageView->renderPage( $page = class ProcessWire\Page { public $id = 8079; public $name = 'exploring-checkout-screens'; public $parent = '/templates/'; public $template = 'template'; public $title = 'Exploring Checkout Screens'; public $template_type = '(Page) 5266'; public $template_free = 1; public $ps_evidence_active = 0; public $screen_or_component = '(SelectableOptionArray) 1'; public $screen = '(Page) 1106'; public $title_appendix = ''; public $ps_base_checks_active = 1; public $ps_base_checks_number2 = 5; public $ps_explorations_active = 0; public $ps_uibits_active = 0; public $template_for_desktop = 1; public $template_for_mobile = 1; public $figma_url_repeater = '(RepeaterPageArray) 8081'; public $template_date = 1620630000; public $use_case_1 = 1; public $use_case_2 = 1; public $use_case_3 = 1; public $use_case_4 = 0; public $ps_inspirations_active = 1; public $ps_inspirations_number = 3; public $ps_inspirations_text = '<p>To design this template, we looked at desktop and mobile checkout screens of Amazon, Etsy and Ebay.</p>'; public $ps_inspirations_image = '(Pageimages) exploring_checkout_inspiration.png'; public $collaborators = '(PageArray) 1080'; public $ps_collaborators_text = ''; public $ps_base_checks_number1 = 2; public $ps_base_checks_text = ''; public $ps_base_checks_image = '(Pageimages) exploring_checkout_base-1.png'; public $meta_description = ''; public $data = ['title' => 'Exploring Checkout Screens', 'template_type' => class ProcessWire\Page { ... }, 'template_free' => 1, 'ps_evidence_active' => 0, 'screen_or_component' => class ProcessWire\SelectableOptionArray { ... }, 'screen' => class ProcessWire\Page { ... }, 'title_appendix' => '', 'ps_base_checks_active' => 1, 'ps_base_checks_number2' => 5, 'ps_explorations_active' => 0, 'ps_uibits_active' => 0, 'template_for_desktop' => 1, 'template_for_mobile' => 1, 'figma_url_repeater' => class ProcessWire\RepeaterPageArray { ... }, 'template_date' => 1620630000, 'use_case_1' => 1, 'use_case_2' => 1, 'use_case_3' => 1, 'use_case_4' => 0, 'ps_inspirations_active' => 1, 'ps_inspirations_number' => 3, 'ps_inspirations_text' => '<p>To design this template, we looked at desktop and mobile checkout screens of Amazon, Etsy and Ebay.</p>', 'ps_inspirations_image' => class ProcessWire\Pageimages { ... }, 'collaborators' => class ProcessWire\PageArray { ... }, 'ps_collaborators_text' => '', 'ps_base_checks_number1' => 2, 'ps_base_checks_text' => '', 'ps_base_checks_image' => class ProcessWire\Pageimages { ... }, 'meta_description' => ''] }, $request = class ProcessWire\PagesRequest { } ).../ProcessPageView.module:114 70.11572394088ProcessWire\Wire->__call( $method = 'render', $arguments = [] ).../ProcessPageView.module:184 80.11572394088ProcessWire\WireHooks->runHooks( $object = class ProcessWire\Page { public $id = 8079; public $name = 'exploring-checkout-screens'; public $parent = '/templates/'; public $template = 'template'; public $title = 'Exploring Checkout Screens'; public $template_type = '(Page) 5266'; public $template_free = 1; public $ps_evidence_active = 0; public $screen_or_component = '(SelectableOptionArray) 1'; public $screen = '(Page) 1106'; public $title_appendix = ''; public $ps_base_checks_active = 1; public $ps_base_checks_number2 = 5; public $ps_explorations_active = 0; public $ps_uibits_active = 0; public $template_for_desktop = 1; public $template_for_mobile = 1; public $figma_url_repeater = '(RepeaterPageArray) 8081'; public $template_date = 1620630000; public $use_case_1 = 1; public $use_case_2 = 1; public $use_case_3 = 1; public $use_case_4 = 0; public $ps_inspirations_active = 1; public $ps_inspirations_number = 3; public $ps_inspirations_text = '<p>To design this template, we looked at desktop and mobile checkout screens of Amazon, Etsy and Ebay.</p>'; public $ps_inspirations_image = '(Pageimages) exploring_checkout_inspiration.png'; public $collaborators = '(PageArray) 1080'; public $ps_collaborators_text = ''; public $ps_base_checks_number1 = 2; public $ps_base_checks_text = ''; public $ps_base_checks_image = '(Pageimages) exploring_checkout_base-1.png'; public $meta_description = ''; public $data = ['title' => 'Exploring Checkout Screens', 'template_type' => class ProcessWire\Page { ... }, 'template_free' => 1, 'ps_evidence_active' => 0, 'screen_or_component' => class ProcessWire\SelectableOptionArray { ... }, 'screen' => class ProcessWire\Page { ... }, 'title_appendix' => '', 'ps_base_checks_active' => 1, 'ps_base_checks_number2' => 5, 'ps_explorations_active' => 0, 'ps_uibits_active' => 0, 'template_for_desktop' => 1, 'template_for_mobile' => 1, 'figma_url_repeater' => class ProcessWire\RepeaterPageArray { ... }, 'template_date' => 1620630000, 'use_case_1' => 1, 'use_case_2' => 1, 'use_case_3' => 1, 'use_case_4' => 0, 'ps_inspirations_active' => 1, 'ps_inspirations_number' => 3, 'ps_inspirations_text' => '<p>To design this template, we looked at desktop and mobile checkout screens of Amazon, Etsy and Ebay.</p>', 'ps_inspirations_image' => class ProcessWire\Pageimages { ... }, 'collaborators' => class ProcessWire\PageArray { ... }, 'ps_collaborators_text' => '', 'ps_base_checks_number1' => 2, 'ps_base_checks_text' => '', 'ps_base_checks_image' => class ProcessWire\Pageimages { ... }, 'meta_description' => ''] }, $method = 'render', $arguments = [], $type = ??? ).../Wire.php:484 90.11582396048ProcessWire\Wire->__call( $method = 'renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] ).../WireHooks.php:1060 100.11582396048ProcessWire\WireHooks->runHooks( $object = class ProcessWire\PageRender { public $data = ['clearCache' => 1] }, $method = 'renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }], $type = ??? ).../Wire.php:484 110.11582396464ProcessWire\Wire->_callMethod( $method = '___renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] ).../WireHooks.php:952 120.11582396464ProcessWire\PageRender->___renderPage( $event = class ProcessWire\HookEvent { public $data = ['object' => class ProcessWire\Page { ... }, 'method' => 'render', 'arguments' => [...], 'return' => NULL, 'replace' => FALSE, 'options' => [...], 'id' => 'Page:100.0:render', 'cancelHooks' => FALSE, 'when' => 'after'] } ).../Wire.php:416 130.11642397000ProcessWire\Wire->__call( $method = 'render', $arguments = [] ).../PageRender.module:575 140.11642397000ProcessWire\WireHooks->runHooks( $object = class ProcessWire\TemplateFile { public $data = ['wire' => class ProcessWire\ProcessWire { ... }, 'classLoader' => class ProcessWire\WireClassLoader { ... }, 'hooks' => class ProcessWire\WireHooks { ... }, 'config' => class ProcessWire\Config { ... }, 'notices' => class ProcessWire\Notices { ... }, 'urls' => class ProcessWire\Paths { ... }, 'log' => class ProcessWire\WireLog { ... }, 'sanitizer' => class ProcessWire\Sanitizer { ... }, 'datetime' => class ProcessWire\WireDateTime { ... }, 'files' => class ProcessWire\WireFileTools { ... }, 'mail' => class ProcessWire\WireMailTools { ... }, 'database' => class ProcessWire\WireDatabasePDO { ... }, 'db' => class ProcessWire\DatabaseMysqli { ... }, 'cache' => class ProcessWire\WireCache { ... }, 'modules' => class ProcessWire\Modules { ... }, 'procache' => class ProcessWire\ProCache { ... }, 'fieldtypes' => class ProcessWire\Fieldtypes { ... }, 'fields' => class ProcessWire\Fields { ... }, 'fieldgroups' => class ProcessWire\Fieldgroups { ... }, 'templates' => class ProcessWire\Templates { ... }, 'pages' => class ProcessWire\Pages { ... }, 'permissions' => class ProcessWire\Permissions { ... }, 'roles' => class ProcessWire\Roles { ... }, 'users' => class ProcessWire\Users { ... }, 'user' => class ProcessWire\User { ... }, 'session' => class ProcessWire\Session { ... }, 'input' => class ProcessWire\WireInput { ... }, 'buster' => class ProcessWire\ProCacheBuster { ... }, 'process' => class ProcessWire\ProcessPageView { ... }, 'page' => class ProcessWire\Page { ... }, 'options' => [...]] }, $method = 'render', $arguments = [], $type = ??? ).../Wire.php:484 150.11642398352ProcessWire\Wire->_callMethod( $method = '___render', $arguments = [] ).../WireHooks.php:952 160.11642398352ProcessWire\TemplateFile->___render( ).../Wire.php:413 170.14982503504require( '/home/jlahijani/Sites/goodui.org/site/templates/_main.php ).../TemplateFile.php:340 180.15052533208include( '/home/jlahijani/Sites/goodui.org/site/templates/_og.php ).../_main.php:64 190.15222534032strip_tags( $string = NULL ).../_og.php:13 " />

Design & Explore A Checkout Screen
with a Figma template inspired by leading companies

5 CHECKS DESKTOP & MOBILE FOR FIGMA

Open the Figma template link and make a copy to edit.
New
Version 1.0 May 10, 2021 Yes, you can use it on commercial projects. No, you cannot resell nor republish our template
Here is what’s included in the Checkout Screen template which can be used for:

3 Starting Inspirations

To design this template, we looked at desktop and mobile checkout screens of Amazon, Etsy and Ebay.

1 Expert Contributor

  • Jakub Linowski Founder @ GoodUI

2 BASE TEMPLATES WITH 5 CHECKS

Use This Template To Design Better When...

Use Case #1 Designing A New Screen Wireframe

This Figma template can be used when designing new UI screens from scratch. Instead of starting from a blank slate, use what has already worked for others to speed up your wireframing.

Use Case #2 Designing An A/B Test

You can also use this template when designing an experiment or a/b test. This template is based on and compatible with the GoodUI Catalyst Canvas for Figma.

Use Case #3 Reviewing An Existing Screen With Evidence-Based Checks

You can also use this template to review an existing screen with the provided annotations labeled as "Checks". Do to so, add your own notes and then hand-off to a designer.