{"id":90,"date":"2021-08-18T09:45:28","date_gmt":"2021-08-18T09:45:28","guid":{"rendered":"https:\/\/mar.21lab.co\/?post_type=nproject&#038;p=90"},"modified":"2026-01-01T22:37:53","modified_gmt":"2026-01-01T22:37:53","slug":"tablet-presentation-mockup","status":"publish","type":"nproject","link":"https:\/\/roma.marketing\/index.php\/nproject\/tablet-presentation-mockup\/","title":{"rendered":"Tablet Presentation Mockup"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"90\" class=\"elementor elementor-90\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65c2c778 e-flex e-con-boxed e-con e-parent\" data-id=\"65c2c778\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a03714 elementor-widget elementor-widget-text-editor\" data-id=\"25a03714\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<h2 class=\"wp-block-heading\" style=\"color: #ffffff;\">Project Overview<\/h2>\n\n\n\n<p>ROMA created a set of laptop mockups to present client work in a consistent, reusable format. The visuals were prepared to showcase different types of projects, including technology-focused messaging and community-based communication, while keeping a uniform presentation style across the portfolio.<\/p>\n\n\n\n<div class=\"wp-block-spacer\" style=\"height: 20px;\" aria-hidden=\"true\">\u00a0<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading\" style=\"color:#ffffff;\"><strong>Services<\/strong><\/h6>\n\n\n\n<p>Visual Design, Mockup Production, Brand Application<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading\" style=\"color:#ffffff;\"><strong>Strategy<\/strong><\/h6>\n\n\n\n<p>Brand Consistency, Message Hierarchy, Presentation Readability<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading\" style=\"color:#ffffff;\"><strong>Client<\/strong><\/h6>\n\n\n\n<p><a href=\"https:\/\/sparky.science\" target=\"_blank\" rel=\"noopener\">SPARKY<\/a>* &#8211; <a href=\"https:\/\/kkploce.hr\" target=\"_blank\" rel=\"noopener\">Basketball club Plo\u010de<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" data-id=\"96\" class=\"alignnone size-medium wp-image-1598\" src=\"https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/PHOTO-2026-01-01-21-03-11-300x174.jpg\" alt=\"\" width=\"300\" height=\"174\" srcset=\"https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/PHOTO-2026-01-01-21-03-11-300x174.jpg 300w, https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/PHOTO-2026-01-01-21-03-11-1024x593.jpg 1024w, https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/PHOTO-2026-01-01-21-03-11-768x445.jpg 768w, https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/PHOTO-2026-01-01-21-03-11-1536x890.jpg 1536w, https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/PHOTO-2026-01-01-21-03-11-600x348.jpg 600w, https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/PHOTO-2026-01-01-21-03-11.jpg 1600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><img decoding=\"async\" class=\"alignnone size-medium wp-image-1622\" src=\"https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/sparkyipad-300x261.png\" alt=\"\" width=\"300\" height=\"261\" srcset=\"https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/sparkyipad-300x261.png 300w, https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/sparkyipad-1024x892.png 1024w, https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/sparkyipad-768x669.png 768w, https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/sparkyipad-600x523.png 600w, https:\/\/roma.marketing\/wp-content\/uploads\/2021\/08\/sparkyipad.png 1170w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><img decoding=\"async\" class=\"alignnone size-medium wp-image-1701\" src=\"https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/Untitled-19-300x261.png\" alt=\"\" width=\"300\" height=\"261\" srcset=\"https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/Untitled-19-300x261.png 300w, https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/Untitled-19-1024x892.png 1024w, https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/Untitled-19-768x669.png 768w, https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/Untitled-19-600x523.png 600w, https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/Untitled-19.png 1170w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n\n\n\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"color: #ffffff;\">Our Solution<\/h2>\n\n\n\n<p>Using the same mockup structure, ROMA placed each project into a realistic device context and adjusted layout details to fit the content. For Sparky*, the focus was on clarity and readability for technical messaging. For Basketball Club Plo\u010de, the layout supported a straightforward call to action and club communication. Typography, spacing, and contrast were refined so each screen remains legible and balanced in the mockup view.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1601\" src=\"https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/High-Quality-Laptop-Mockup-300x225.png\" alt=\"\" width=\"300\" height=\"225\" srcset=\"https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/High-Quality-Laptop-Mockup-300x225.png 300w, https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/High-Quality-Laptop-Mockup-1024x768.png 1024w, https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/High-Quality-Laptop-Mockup-768x576.png 768w, https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/High-Quality-Laptop-Mockup-1536x1152.png 1536w, https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/High-Quality-Laptop-Mockup-2048x1536.png 2048w, https:\/\/roma.marketing\/wp-content\/uploads\/2026\/01\/High-Quality-Laptop-Mockup-600x450.png 600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n\n\n\n<div class=\"wp-block-spacer\" style=\"height: 10px;\" aria-hidden=\"true\">\u00a0<\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\" \/>\n\n\n<h2 class=\"wp-block-heading\" style=\"color: #ffffff;\">The Result<\/h2>\n\n\n\n<p>The final set provides a consistent way to present different projects across the website and marketing materials. The mockups can be updated with new screens while keeping the same visual structure, making it easier to maintain a uniform portfolio and publish new work without redesigning the layout each time.<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>You can use it to display any app design<\/p>\n","protected":false},"featured_media":1598,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"ngg_post_thumbnail":0},"nproject-category":[57],"nproject-tag":[],"class_list":["post-90","nproject","type-nproject","status-publish","has-post-thumbnail","hentry","nproject-category-ui-ux-strategy"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/roma.marketing\/index.php\/wp-json\/wp\/v2\/nproject\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roma.marketing\/index.php\/wp-json\/wp\/v2\/nproject"}],"about":[{"href":"https:\/\/roma.marketing\/index.php\/wp-json\/wp\/v2\/types\/nproject"}],"version-history":[{"count":23,"href":"https:\/\/roma.marketing\/index.php\/wp-json\/wp\/v2\/nproject\/90\/revisions"}],"predecessor-version":[{"id":1784,"href":"https:\/\/roma.marketing\/index.php\/wp-json\/wp\/v2\/nproject\/90\/revisions\/1784"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/roma.marketing\/index.php\/wp-json\/wp\/v2\/media\/1598"}],"wp:attachment":[{"href":"https:\/\/roma.marketing\/index.php\/wp-json\/wp\/v2\/media?parent=90"}],"wp:term":[{"taxonomy":"nproject-category","embeddable":true,"href":"https:\/\/roma.marketing\/index.php\/wp-json\/wp\/v2\/nproject-category?post=90"},{"taxonomy":"nproject-tag","embeddable":true,"href":"https:\/\/roma.marketing\/index.php\/wp-json\/wp\/v2\/nproject-tag?post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}