( ! ) 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
# Time Memory Function Location
1 0.0000 466184 {main}( ) .../index.php: 0
2 0.0872 2255192 ProcessWire\Wire->__call( $method = 'execute' , $arguments = [0 => TRUE] ) .../index.php: 55
3 0.0872 2255192 ProcessWire\WireHooks->runHooks( $object = class ProcessWire\ProcessPageView { } , $method = 'execute' , $arguments = [0 => TRUE] , $type = ??? ) .../Wire.php: 484
4 0.0872 2255608 ProcessWire\Wire->_callMethod( $method = '___execute' , $arguments = [0 => TRUE] ) .../WireHooks.php: 952
5 0.0872 2255608 ProcessWire\ProcessPageView->___execute( $internal = TRUE ) .../Wire.php: 416
6 0.1038 2361504 ProcessWire\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
7 0.1157 2394088 ProcessWire\Wire->__call( $method = 'render' , $arguments = [] ) .../ProcessPageView.module: 184
8 0.1157 2394088 ProcessWire\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
9 0.1158 2396048 ProcessWire\Wire->__call( $method = 'renderPage' , $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] ) .../WireHooks.php: 1060
10 0.1158 2396048 ProcessWire\WireHooks->runHooks( $object = class ProcessWire\PageRender { public $data = ['clearCache' => 1] } , $method = 'renderPage' , $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] , $type = ??? ) .../Wire.php: 484
11 0.1158 2396464 ProcessWire\Wire->_callMethod( $method = '___renderPage' , $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] ) .../WireHooks.php: 952
12 0.1158 2396464 ProcessWire\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
13 0.1164 2397000 ProcessWire\Wire->__call( $method = 'render' , $arguments = [] ) .../PageRender.module: 575
14 0.1164 2397000 ProcessWire\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
15 0.1164 2398352 ProcessWire\Wire->_callMethod( $method = '___render' , $arguments = [] ) .../WireHooks.php: 952
16 0.1164 2398352 ProcessWire\TemplateFile->___render( ) .../Wire.php: 413
17 0.1498 2503504 require( '/home/jlahijani/Sites/goodui.org/site/templates/_main.php ) .../TemplateFile.php: 340
18 0.1505 2533208 include( '/home/jlahijani/Sites/goodui.org/site/templates/_og.php ) .../_main.php: 64
19 0.1522 2534032 strip_tags ( $string = NULL ).../_og.php: 13
" />
Design & Explore A Checkout Screen
with a Figma template inspired by leading companies
5 CHECKS
DESKTOP & MOBILE
Figma.logo Created using Figma
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.