{"id":7069,"date":"2025-07-30T18:13:29","date_gmt":"2025-07-30T18:13:29","guid":{"rendered":"https:\/\/www.online-marketing.amsterdam\/?page_id=7069"},"modified":"2025-07-30T18:38:20","modified_gmt":"2025-07-30T18:38:20","slug":"ui-desgign","status":"publish","type":"page","link":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/","title":{"rendered":"UI design"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-ui-design-visually-appealing-functionally-designed\">UI design: visually appealing, functionally designed<\/h2>\n\n\n<div class=\"n2-section-smartslider fitvidsignore  n2_clear\" data-ssid=\"4\" tabindex=\"0\" role=\"region\" aria-label=\"Slider\"><div id=\"n2-ss-4-align\" class=\"n2-ss-align\"><div class=\"n2-padding\"><div id=\"n2-ss-4\" data-creator=\"Smart Slider 3\" data-responsive=\"auto\" class=\"n2-ss-slider n2-ow n2-has-hover n2notransition  \">\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"n2-ss-slider-wrapper-outside\" style=\"grid-template-rows:1fr auto\"><div class=\"n2-ss-slider-wrapper-inside\">\n        <div class=\"n2-ss-slider-1 n2_ss__touch_element n2-ow\">\n            <div class=\"n2-ss-slider-2 n2-ow\">\n                                                    <div class=\"n2-ss-background-animation n2-ow\"><\/div>\n                                <div class=\"n2-ss-slider-3 n2-ow\">\n\n                    <div class=\"n2-ss-slide-backgrounds n2-ow-all\"><div class=\"n2-ss-slide-background\" data-public-id=\"1\" data-mode=\"fill\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"27\" data-y=\"71\" data-alt=\"\" data-title=\"\" style=\"--ss-o-pos-x:27%;--ss-o-pos-y:71%\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/Slide-12-scaled.jpg\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"2\" data-mode=\"fill\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"67\" data-y=\"81\" data-alt=\"\" data-title=\"\" style=\"--ss-o-pos-x:67%;--ss-o-pos-y:81%\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/Slide-9-scaled.jpg\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"3\" data-mode=\"fit\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"50\" data-y=\"83\" data-alt=\"\" data-title=\"\" style=\"--ss-o-pos-y:83%\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/Slide-8-scaled.jpg\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(65,96,64,1)\" style=\"background-color: RGBA(65,96,64,1);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"4\" data-mode=\"fit\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"67\" data-y=\"81\" data-alt=\"\" data-title=\"\" style=\"--ss-o-pos-x:67%;--ss-o-pos-y:81%\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/Slide-10-1-scaled.jpg\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(215,70,51,1)\" style=\"background-color: RGBA(215,70,51,1);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"5\" data-mode=\"fit\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"67\" data-y=\"81\" data-alt=\"\" data-title=\"\" style=\"--ss-o-pos-x:67%;--ss-o-pos-y:81%\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/Slide-11-scaled.jpg\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(215,70,51,1)\" style=\"background-color: RGBA(215,70,51,1);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><\/div>                    <div class=\"n2-ss-slider-4 n2-ow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 563\" data-related-device=\"desktopPortrait\" class=\"n2-ow n2-ss-preserve-size n2-ss-preserve-size--slider n2-ss-slide-limiter\"><\/svg><div data-first=\"1\" data-slide-duration=\"0\" data-id=\"20\" data-slide-public-id=\"1\" data-title=\"Zorg voor Amsterdam\" class=\"n2-ss-slide n2-ow  n2-ss-slide-20\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">Zorg voor Amsterdam<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-l2TcgP3aGs0D\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"24\" data-slide-public-id=\"2\" data-title=\"Divosa - Simpel Switchen\" class=\"n2-ss-slide n2-ow  n2-ss-slide-24\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">Divosa &#8211; Simpel Switchen<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-DffhhVNo6wVt\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"25\" data-slide-public-id=\"3\" data-title=\"Werkvoorbereider.nl\" class=\"n2-ss-slide n2-ow  n2-ss-slide-25\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">Werkvoorbereider.nl<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-lPu34qlgQXvC\" data-sstype=\"slide\" data-pm=\"default\"><div class=\"n2-ss-layer n2-ow n-uc-Hqsta46NQQTI\" data-pm=\"default\" data-sstype=\"content\" data-hasbackground=\"0\"><div class=\"n2-ss-section-main-content n2-ss-layer-with-background n2-ss-layer-content n2-ow n-uc-Hqsta46NQQTI-inner\"><div class=\"n2-ss-layer n2-ow n-uc-8eN8xhgZ1xoo\" data-pm=\"normal\" data-sstype=\"layer\"><div id=\"n2-ss-4item1\" class=\"n2-font-577e3e94d392c80545fffaf7623e9404-hover   n2-ss-item-content n2-ss-text n2-ow\" style=\"display:block;\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"26\" data-slide-public-id=\"4\" data-title=\"Divosa - Simpel Switchen\" class=\"n2-ss-slide n2-ow  n2-ss-slide-26\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">Divosa &#8211; Simpel Switchen<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-Rt1lyoT34698\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"27\" data-slide-public-id=\"5\" data-title=\"Divosa - Simpel Switchen\" class=\"n2-ss-slide n2-ow  n2-ss-slide-27\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">Divosa &#8211; Simpel Switchen<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-xvlSGCIYj81W\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div>                    <\/div>\n\n                                    <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"n2-ss-slider-controls n2-ss-slider-controls-absolute-right-top\"><div style=\"--widget-offset:15px;\" class=\"n2-ss-widget n2-style-c0fd6b136007c6b13004bb6519eabfa0-heading n2-full-screen-widget n2-ow-all n2-full-screen-widget-image nextend-fullscreen\" data-hide-mobilelandscape=\"1\" data-hide-mobileportrait=\"1\"><img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" class=\"n2-full-screen-widget-to-normal skip-lazy\" role=\"button\" tabindex=\"0\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNSA3VjVoLTNWMmgtMnY1aDV6TTEgN1Y1aDNWMmgydjVIMXptMCAydjJoM3YzaDJWOUgxem0xNCAwdjJoLTN2M2gtMlY5aDV6IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjgiCiAgICAgICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+\" alt=\"Exit full screen\"><img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" class=\"n2-full-screen-widget-to-full skip-lazy\" role=\"button\" tabindex=\"0\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMCAydjJoM3YzaDJWMmgtNXpNNiAydjJIM3YzSDFWMmg1em0wIDEydi0ySDNWOUgxdjVoNXptNCAwdi0yaDNWOWgydjVoLTV6IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjgiCiAgICAgICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+\" alt=\"Enter Full screen\"><\/div><\/div><div class=\"n2-ss-slider-controls n2-ss-slider-controls-absolute-left-center\"><div style=\"--widget-offset:15px;\" class=\"n2-ss-widget n2-style-107cb0e4b96e295f0c4852cfc0854d07-heading nextend-arrow n2-ow-all nextend-arrow-previous  nextend-arrow-animated-fade\" data-hide-mobilelandscape=\"1\" id=\"n2-ss-4-arrow-previous\" role=\"button\" aria-label=\"previous arrow\" tabindex=\"0\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"skip-lazy\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIgogICAgICAgICAgZD0iTTE4Ljk5NTggOC45OTA3YzAtLjQyNC0uMjA0LS43MjMtLjYxLS44OTgtLjQwOS0uMTczLS43NzItLjEwNC0xLjA5My4yMDlsLTcuMDA2IDYuOTc1Yy0uMjAxLjE5OS0uMjk3LjQzNy0uMjg2LjcxNiAwIC4yNjcuMDk2LjQ5OC4yODYuNjg5bDcuMDA2IDcuMDAxYy4zMjEuMzIxLjY4NC4zODkgMS4wOTMuMjA5LjQwNi0uMTc0LjYxLS40ODIuNjEtLjkyMlY4Ljk5MDd6Ii8+Cjwvc3ZnPg==\" alt=\"previous arrow\"><\/div><\/div><div class=\"n2-ss-slider-controls n2-ss-slider-controls-absolute-right-center\"><div style=\"--widget-offset:15px;\" class=\"n2-ss-widget n2-style-107cb0e4b96e295f0c4852cfc0854d07-heading nextend-arrow n2-ow-all nextend-arrow-next  nextend-arrow-animated-fade\" data-hide-mobilelandscape=\"1\" id=\"n2-ss-4-arrow-next\" role=\"button\" aria-label=\"next arrow\" tabindex=\"0\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"skip-lazy\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiA4Ljk5YzAtLjQyMy4yMDQtLjcyMi42MS0uODk3LjQwOC0uMTczLjc3Mi0uMTA0IDEuMDkyLjIxbDcuMDA2IDYuOTc0Yy4yMDIuMi4yOTguNDM3LjI4Ny43MTYgMCAuMjY3LS4wOTYuNDk4LS4yODcuNjlsLTcuMDA2IDdjLS4zMi4zMi0uNjg0LjM5LTEuMDkyLjIxLS40MDYtLjE3NS0uNjEtLjQ4My0uNjEtLjkyM1Y4Ljk5eiIKICAgICAgICAgIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==\" alt=\"next arrow\"><\/div><\/div><\/div><div class=\"n2-ss-slider-controls n2-ss-slider-controls-below\"><div data-width-percent=\"100\" class=\"n2-ss-widget nextend-thumbnail nextend-thumbnail-default nextend-thumbnail-horizontal n2-ow-all\" data-hide-mobilelandscape=\"1\" style=\"width:100%;\" data-has-next=\"0\" data-has-previous=\"0\"><div class=\"nextend-thumbnail-inner n2-style-2cfadb9440b7ddf3e0fb53c7f16adab2-simple \"><div class=\"nextend-thumbnail-scroller n2-align-content-start\" style=\"grid-template-rows:repeat(1, 1fr)\"><div class=\"n2-thumbnail-dot n2-style-2840da0471d42fe2fd2d7302d55cb2f2-dot \" data-slide-public-id=\"1\" role=\"button\" aria-label=\"Zorg voor Amsterdam\" tabindex=\"0\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" alt=\"Zorg voor Amsterdam\" src=\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/slider\/cache\/b53fe987e39e77cd93d1afac42573e7f\/Slide-12-scaled.jpg\" width=\"240\" height=\"120\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\" \/><\/picture><\/div><div class=\"n2-thumbnail-dot n2-style-2840da0471d42fe2fd2d7302d55cb2f2-dot \" data-slide-public-id=\"2\" role=\"button\" aria-label=\"Divosa - Simpel Switchen\" tabindex=\"0\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" alt=\"Divosa - Simpel Switchen\" src=\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/slider\/cache\/8cc35289a8e4d4c051de9a9e931d9804\/Slide-9-scaled.jpg\" width=\"240\" height=\"120\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\" \/><\/picture><\/div><div class=\"n2-thumbnail-dot n2-style-2840da0471d42fe2fd2d7302d55cb2f2-dot \" data-slide-public-id=\"3\" role=\"button\" aria-label=\"Werkvoorbereider.nl\" tabindex=\"0\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" alt=\"Werkvoorbereider.nl\" src=\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/slider\/cache\/bd603f93605fd6f87cb684fbe1c73422\/Slide-8-scaled.jpg\" width=\"240\" height=\"120\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\" \/><\/picture><\/div><div class=\"n2-thumbnail-dot n2-style-2840da0471d42fe2fd2d7302d55cb2f2-dot \" data-slide-public-id=\"4\" role=\"button\" aria-label=\"Divosa - Simpel Switchen\" tabindex=\"0\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" alt=\"Divosa - Simpel Switchen\" src=\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/slider\/cache\/9bacaf0dc050e19e8322177023c19e63\/Slide-10-1-scaled.jpg\" width=\"240\" height=\"120\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\" \/><\/picture><\/div><div class=\"n2-thumbnail-dot n2-style-2840da0471d42fe2fd2d7302d55cb2f2-dot \" data-slide-public-id=\"5\" role=\"button\" aria-label=\"Divosa - Simpel Switchen\" tabindex=\"0\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" alt=\"Divosa - Simpel Switchen\" src=\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/slider\/cache\/9e59c86ff13cc00bc424218b21363648\/Slide-11-scaled.jpg\" width=\"240\" height=\"120\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\" \/><\/picture><\/div><\/div><\/div><div class=\"nextend-thumbnail-button nextend-thumbnail-previous\"><img decoding=\"async\" width=\"26\" height=\"26\" style=\"width:26px;transform:rotateZ(-90deg);\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9Ii41IiBmaWxsPSIjMDAwIiBjeD0iMTMiIGN5PSIxMyIgcj0iMTIiLz4KICAgICAgICA8cGF0aCBkPSJNMTMuNDM1IDkuMTc4Yy0uMTI2LS4xMjEtLjI3LS4xODItLjQzNi0uMTgyLS4xNjQgMC0uMzA2LjA2MS0uNDI4LjE4MmwtNC4zOCA0LjE3NWMtLjEyNi4xMjEtLjE4OC4yNjItLjE4OC40MjQgMCAuMTYxLjA2Mi4zMDIuMTg4LjQyM2wuNjUuNjIyYy4xMjYuMTIxLjI3My4xODIuNDQxLjE4Mi4xNyAwIC4zMTQtLjA2MS40MzYtLjE4MmwzLjMxNC0zLjE2MSAzLjI0OSAzLjE2MWMuMTI2LjEyMS4yNjkuMTgyLjQzMi4xODIuMTY0IDAgLjMwNy0uMDYxLjQzMy0uMTgybC42NjItLjYyMmMuMTI2LS4xMjEuMTg5LS4yNjIuMTg5LS40MjMgMC0uMTYyLS4wNjMtLjMwMy0uMTg5LS40MjRsLTQuMzczLTQuMTc1eiIKICAgICAgICAgICAgICBmaWxsPSIjZmZmIi8+CiAgICA8L2c+Cjwvc3ZnPg==\" alt=\"previous arrow\"><\/div><div class=\"nextend-thumbnail-button nextend-thumbnail-next\"><img decoding=\"async\" width=\"26\" height=\"26\" style=\"width:26px;transform:rotateZ(-90deg);\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgICA8ZyBmaWxsPSJub25lIj4KICAgICAgICA8Y2lyY2xlIGN4PSIxMyIgY3k9IjEzIiByPSIxMiIgZmlsbD0iIzAwMCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9Ii41Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI2ZmZiIKICAgICAgICAgICAgICBkPSJNMTIuNTY1IDE2LjgyMmMuMTI2LjEyLjI3LjE4Mi40MzYuMTgyLjE2OCAwIC4zMS0uMDYuNDMtLjE4Mmw0LjM4LTQuMTc1Yy4xMjgtLjEyLjE5LS4yNjIuMTktLjQyNCAwLS4xNi0uMDYyLS4zMDItLjE5LS40MjNsLS42NS0uNjIyYy0uMTI1LS4xMi0uMjcyLS4xODItLjQ0LS4xODItLjE3IDAtLjMxNC4wNi0uNDM2LjE4MmwtMy4zMTQgMy4xNi0zLjI1LTMuMTZjLS4xMjYtLjEyLS4yNy0uMTgyLS40My0uMTgyLS4xNjYgMC0uMzEuMDYtLjQzNS4xODJsLS42NjIuNjIyYy0uMTI2LjEyLS4xOS4yNjItLjE5LjQyMyAwIC4xNjIuMDY0LjMwMy4xOS40MjRsNC4zNzMgNC4xNzV6Ii8+CiAgICA8L2c+Cjwvc3ZnPg==\" alt=\"next arrow\"><\/div><\/div><\/div><\/div><\/div><ss3-loader><\/ss3-loader><\/div><\/div><div class=\"n2_clear\"><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-about-ui-design\">About UI design<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-design\/\">UI<\/a> design (User Interface design) focuses on the visual side of digital products. It determines how your platform, app or website looks and feels. Colors, typography, buttons, icons, white space &#8211; everything comes together in a visual interface that is intuitive and attractive. UI design is the shell with which users interact on a daily basis. Well-designed UI strengthens your brand, increases ease of use and triggers action.    <\/p>\n\n\n\n<p>UI design and UX design are closely linked and together provide an optimal user experience.<\/p>\n\n\n<div class=\"diensten-mobile-sidebar\"><\/div>\n\n\n\n<p>An effective UI design is never created overnight. It is designed based on a thoughtful <a href=\"https:\/\/www.online-marketing.amsterdam\/en\/services\/brand-and-positioning\/brand-positioning\/\">brand positioning<\/a> and visual strategy. At OMA, we always build UI design on a prior UX design journey.    <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/omaamsterdam.b-cdn.net\/watwedoen\/werk\/Komma_home.mp4\"><\/video><\/figure>\n\n\n\n<p>The ultimate goal of UI design is to create an enjoyable and user-friendly experience for the user. The designer translates the client&#8217;s needs and goals into a visual design that aligns with the brand&#8217;s vision. We ensure that the visual layer is not only aesthetically pleasing, but perfectly aligned with the user flows, interactions and goals previously established. The focus in UI design is on optimizing the user experience design and achieving effective web design. This creates a digital experience that is both thoughtful and engaging. Our experts know exactly what works for the user.     <\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-what-is-user-interface-design\">What is user interface design?<\/h4>\n\n\n\n<p>UI design is the design of all the visual elements a user interacts with. Consider the look and feel, interactivity and consistency throughout the system. Buttons, forms and navigation are essential parts of the user interface in this regard. Where UX design is all about user experience and flow, UI design takes care of aesthetics and recognition. Together, they are the key to successful digital products.    <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/omaamsterdam.b-cdn.net\/watwedoen\/werk\/Hoi_Tin_home.mp4\"><\/video><\/figure>\n\n\n\n<p>UI design is often built based on wireframes and prototypes from the UX process &#8211; seamlessly connecting to earlier phases. A wireframe forms the basis for the final design, while a prototype is used to test the interaction before the final design is created. The ui designer and ux designer work closely together in this process, each bringing their own expertise. It is important to apply design principles correctly for an optimal user experience. Sharing design choices and rationale with stakeholders also ensures transparency and support.    <\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-what-to-expect\">What to expect<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>UI design system of component library in Figma<\/li>\n\n\n\n<li>Pixel-perfect designs based on wireframes<\/li>\n\n\n\n<li>Mobile and desktop variants<\/li>\n\n\n\n<li>Brand consistency in color, typography and iconography<\/li>\n\n\n\n<li>Interactive hover and click states<\/li>\n\n\n\n<li>Transfer to developers including specs and assets<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-sample-applications\">Sample applications:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Design of a new website or platform<\/li>\n\n\n\n<li>Restyle based on existing UX flows<\/li>\n\n\n\n<li>Design for e-commerce shops or checkout flows<\/li>\n\n\n\n<li>Visual translation of <a href=\"https:\/\/www.online-marketing.amsterdam\/en\/services\/brand-and-positioning\/brand-identity\/\">brand identity<\/a> to UI<\/li>\n\n\n\n<li>SaaS interfaces, dashboards or portals<\/li>\n\n\n\n<li>UI optimization for accessibility (inclusive design)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/omaamsterdam.b-cdn.net\/watwedoen\/werk\/zonzorg.mp4\"><\/video><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-our-working-method\"><strong>Our working method<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Consultation and research<\/strong> &#8211; We start by gathering insights and understanding the context.<\/li>\n\n\n\n<li><strong>Strategy and positioning<\/strong> &#8211; We determine <a href=\"https:\/\/www.online-marketing.amsterdam\/en\/services\/brand-and-positioning\/brandstrategy\/\">brand strategy<\/a> and appropriate positioning.<\/li>\n\n\n\n<li><strong>UX journey<\/strong> &#8211; We design the structure and user experience based on research.<\/li>\n\n\n\n<li><strong>Briefings<\/strong> &#8211; We ensure clear communication and coordination with all involved.<\/li>\n\n\n\n<li><strong>UI design journey<\/strong> &#8211; We work out the visual design, aligned with the UX and brand identity.<\/li>\n\n\n\n<li><strong>Review and feedback<\/strong> &#8211; We validate the design with stakeholders and users.<\/li>\n\n\n\n<li><strong>Transfer and support<\/strong> &#8211; We transfer design to development and provide support.<\/li>\n\n\n\n<li><strong>Design audit after development<\/strong> &#8211; We evaluate the realized product and optimize where necessary.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-ui-design-and-why-is-it-important\">What is UI design and why is it important?<\/h2>\n\n\n\n<div class=\"wp-block-oma2-text-expand text-expand-block\"><div class=\"text-expand-wrapper\">\n<p>UI design translates the user experience into a visual system that appeals and works. A good UI design increases trust, provides recognition and makes interaction easy. In addition, thoughtful UI design helps convince stakeholders and users of the value of the design. It prevents confusion and leads users naturally to the desired action. UI design is also essential for brand perception: it translates your identity into pixels. Combined with UX design, UI creates digital products that are both intuitive and attractive.     <\/p>\n\n\n\n<p>UI design plays a crucial role in the success of digital products by bridging the gap between functionality and aesthetics. Without a well-thought-out UI design, even the most advanced features can go unnoticed or cause confusion for users. After all, visual design determines the first impression and directly influences how users experience the product. Therefore, it is important that UI design is not only beautiful, but also functional and user-friendly. It contributes to usability by ensuring that elements such as buttons, menus and forms are logically placed and easy to understand.    <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Interface Design Principles<\/h2>\n\n\n\n<p>A strong interface design begins by applying proven principles that ensure an enjoyable and effective user experience. UI designers consider various elements such as layout, colors, typography and subtle animations when designing a user interface. These graphical elements contribute to an attractive and user-friendly product in which the user can effortlessly navigate and perform appropriate actions.  <\/p>\n\n\n\n<p>UI design goes beyond just visually shaping a product. It is about creating an easy-to-read and clear structure, in which interactions feel logical and intuitive. Wireframes and prototypes are indispensable tools here: they help designers visualize ideas, test interactions and optimize the user interface before the product is actually developed. In this way, user wishes and needs can be incorporated into the design early on.   <\/p>\n\n\n\n<p>Good cooperation between UI designers, UX designers and developers is essential in the development process. Together, they ensure that the design is technically feasible and matches the client&#8217;s goals. By continuously collecting and evaluating feedback, changes can be made quickly and the user experience remains central.  <\/p>\n\n\n\n<p>Key graphic elements such as color contrast, font and typography are carefully applied to enhance readability and reinforce product branding. The corporate identity is translated into a recognizable and consistent interface so that visitors immediately know which brand they are dealing with. This not only adds to the overall user experience, but also increases the conversion rate and success of the digital product.  <\/p>\n\n\n\n<p>In addition, usability plays a key role within UI design. Design should ensure that users can achieve their goals without frustration, regardless of their experience with digital products. This means that interfaces should be intuitive, with clear visual cues and consistent interaction patterns. Paying attention to usability lowers the barrier to entry for new users and maintains the satisfaction of existing users.   <\/p>\n\n\n\n<p>In short, interface design is an interplay of different elements and disciplines, all aimed at developing a user interface that is attractive, functional and tailored to the user&#8217;s needs. By applying these principles, designers create products that not only look beautiful, but actually work for the user. <\/p>\n<\/div><div class=\"expand-button-wrapper\"><button class=\"text-expand-button js-text-toggle\" type=\"button\" aria-expanded=\"false\"><\/button><\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-reviews\"><br>Reviews<br><\/h4>\n\n\n<div class=\"rpi\" style=\"--slider-head-card-br: none; --slider-btn-size: 1.3em; --slider-btn-color: #575757; --head-card-br: none; --head-card-shadow: none; --head-star-color: #000000; --head-scale-color: #5c5c5c; --head-card-bg-color: #f0f0f0; --star-color: #000000; --name-color: #2e2e2e; --card-bg-color: #ffffff; --card-br-color: #dedede; --name-fs: 16px; --img-size: 40px; --star-size: 0.85em; --meta-margin: 2.05em; --text-lines: 5; --reply-lines: 1; --card-br: 1px solid; --card-radius: 5px; --card-shadow: none; --card-bg: transparent; --card-color: #595959; --body-gap: 17px; --card-padding: 1.125em; --slider-act-dot-color: #525252; --slider-dot-size: 9px; --slider-dot-padding-top: 1.1em; --font-family: inherit; --head-flex-text-align: left; --card-gap: 21px; --left-margin: 0.85em;\" data-id=\"760\" data-opts='{&quot;layout&quot;:&quot;list&quot;,&quot;style_style&quot;:&quot;7&quot;,&quot;style_stars&quot;:&quot;2&quot;,&quot;style_ava&quot;:&quot;1&quot;,&quot;head_logo&quot;:&quot;0&quot;,&quot;style_logo&quot;:&quot;0&quot;,&quot;pagination&quot;:&quot;5&quot;,&quot;text_size&quot;:&quot;200&quot;,&quot;hide_avatar&quot;:&quot;&quot;,&quot;hide_name&quot;:&quot;&quot;,&quot;disable_review_time&quot;:&quot;1&quot;,&quot;disable_user_link&quot;:&quot;1&quot;,&quot;disable_google_link&quot;:&quot;&quot;,&quot;open_link&quot;:&quot;1&quot;,&quot;nofollow_link&quot;:&quot;1&quot;,&quot;lazy_load_img&quot;:&quot;1&quot;,&quot;time_format&quot;:&quot;&quot;,&quot;breakpoints&quot;:&quot;3000:1&quot;,&quot;ajax_load&quot;:&quot;&quot;,&quot;trans&quot;:{&quot;read more&quot;:&quot;read more&quot;,&quot;review us on&quot;:&quot;review us on&quot;,&quot;See all reviews&quot;:&quot;See all reviews&quot;,&quot;More reviews&quot;:&quot;More reviews&quot;,&quot;Response from the owner&quot;:&quot;Response from the owner&quot;}}' data-exec=\"\"><div class=\"rpi-cnt rpi-col-m rpi-list\" data-opts='' style=\"visibility:var(--visible, hidden)\" ><div class=\"rpi-content rpi-content_top\"><div class=\"rpi-cards\" data-count=\"26\" data-offset=\"5\"><div class=\"rpi-card rpi-avaborder-up\" data-provider=\"google\" data-rat=\"5\"><div class=\"rpi-card-inner\"><i class=\"\"><\/i><div class=\"rpi-flex\"><div class=\"rpi-img\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjV7rOQ_0UUbDqWW70zWtbtk-4DU742h1IjnGoMdM2hgsJTvvZ3o=s40-c-rp-mo-br100\" class=\"rpi-img\" loading=\"lazy\" width=\"40\" height=\"40\" alt=\"\" onerror=\"if(this.src!='https:\/\/www.online-marketing.amsterdam\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png')this.src='https:\/\/www.online-marketing.amsterdam\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png';\"><\/div><div class=\"rpi-info\"><div class=\"rpi-name\">Kenzo<\/div><div class=\"rpi-stars\"><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><\/div><\/div><\/div><div class=\"rpi-body rpi-normal-up__body\"><div class=\"rpi-text rpi-scroll\" tabindex=\"0\">Wij hebben via Online Marketing Amsterdam (oma) een grote Campagne opgezet met het oog op de personeelstekorten in de Beton en Bouwsector.<br \/>Michael en Jasper denken mee en bedienen hun klanten optimaal. Door hun creativiteit en bevlogenheid starten we binnenkort met een van de grootste online campagnes op het gebied van personeelsvoorziening. Nieuw en met de allernieuwste marketing technieken.<\/div><\/div><\/div><\/div><div class=\"rpi-card rpi-avaborder-up\" data-provider=\"google\" data-rat=\"5\"><div class=\"rpi-card-inner\"><i class=\"\"><\/i><div class=\"rpi-flex\"><div class=\"rpi-img\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXFLkNcgu-cQVW22RFya-OWWY50iKGtEscrX_2DWcDBhJ9sReau=s40-c-rp-mo-br100\" class=\"rpi-img\" loading=\"lazy\" width=\"40\" height=\"40\" alt=\"\" onerror=\"if(this.src!='https:\/\/www.online-marketing.amsterdam\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png')this.src='https:\/\/www.online-marketing.amsterdam\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png';\"><\/div><div class=\"rpi-info\"><div class=\"rpi-name\">Jona Bronkhorst<\/div><div class=\"rpi-stars\"><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><\/div><\/div><\/div><div class=\"rpi-body rpi-normal-up__body\"><div class=\"rpi-text rpi-scroll\" tabindex=\"0\">OMA is scherp en resultaatgericht. Ze combineren strategie, technologie en creativiteit op een no-nonsense manier, waardoor merken \u00e9cht impact maken. Als freelance creatief heb ik meerdere keren met hen gewerkt aan naamontwikkeling, design, themacampagnes en employer branding. Soepel in de samenwerking en fijne club. Aanrader!<\/div><\/div><\/div><\/div><div class=\"rpi-card rpi-avaborder-up\" data-provider=\"google\" data-rat=\"5\"><div class=\"rpi-card-inner\"><i class=\"\"><\/i><div class=\"rpi-flex\"><div class=\"rpi-img\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLDMdnOgQ3FwMrTMonQ7eoT42psqSMdzMKUixrToa_nDTGXzQ=s40-c-rp-mo-br100\" class=\"rpi-img\" loading=\"lazy\" width=\"40\" height=\"40\" alt=\"\" onerror=\"if(this.src!='https:\/\/www.online-marketing.amsterdam\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png')this.src='https:\/\/www.online-marketing.amsterdam\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png';\"><\/div><div class=\"rpi-info\"><div class=\"rpi-name\">Merel de Deugd<\/div><div class=\"rpi-stars\"><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><\/div><\/div><\/div><div class=\"rpi-body rpi-normal-up__body\"><div class=\"rpi-text rpi-scroll\" tabindex=\"0\">Het samenwerken met Michael is heel prettig, persoonlijk maar ook heel professioneel. Michael heeft veel kennis van zaken, denkt met de klant mee en staat altijd 'aan'. Waardoor hij betrouwbaar is en je op hem kunt bouwen. Normaals dank voor de samenwerking en we zullen de 'vlokfeesten' missen.<br \/>Team PlanB Media (Bert, Liesbeth en Merel)<\/div><\/div><\/div><\/div><div class=\"rpi-card rpi-avaborder-up\" data-provider=\"google\" data-rat=\"5\"><div class=\"rpi-card-inner\"><i class=\"\"><\/i><div class=\"rpi-flex\"><div class=\"rpi-img\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIfiLkq6xH4mnuhi9Mye6LO1Iy_SMJGh3GE85Ubs0cTUJM0JA=s40-c-rp-mo-br100\" class=\"rpi-img\" loading=\"lazy\" width=\"40\" height=\"40\" alt=\"\" onerror=\"if(this.src!='https:\/\/www.online-marketing.amsterdam\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png')this.src='https:\/\/www.online-marketing.amsterdam\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png';\"><\/div><div class=\"rpi-info\"><div class=\"rpi-name\">Sonja Meijer<\/div><div class=\"rpi-stars\"><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><\/div><\/div><\/div><div class=\"rpi-body rpi-normal-up__body\"><div class=\"rpi-text rpi-scroll\" tabindex=\"0\">Echt super blij met het resultaat! Ze weten hoe het werkt en het zijn fijne mensen om mee te werken.<\/div><\/div><\/div><\/div><div class=\"rpi-card rpi-avaborder-up\" data-provider=\"google\" data-rat=\"5\"><div class=\"rpi-card-inner\"><i class=\"\"><\/i><div class=\"rpi-flex\"><div class=\"rpi-img\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWajq2k_tJ8lTHBthKEr0a5yH9bCVphXGjhZPH7BoE7XXNY1rI=s40-c-rp-mo-br100\" class=\"rpi-img\" loading=\"lazy\" width=\"40\" height=\"40\" alt=\"\" onerror=\"if(this.src!='https:\/\/www.online-marketing.amsterdam\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png')this.src='https:\/\/www.online-marketing.amsterdam\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png';\"><\/div><div class=\"rpi-info\"><div class=\"rpi-name\">Ferdi Verlaan<\/div><div class=\"rpi-stars\"><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><span class=\"rpi-star\"><\/span><\/div><\/div><\/div><div class=\"rpi-body rpi-normal-up__body\"><div class=\"rpi-text rpi-scroll\" tabindex=\"0\"><\/div><\/div><\/div><\/div><\/div><div style=\"text-align:center\"><a href=\"#\" class=\"rpi-url\">More reviews<\/a><\/div><\/div><\/div><span class=\"rpi-hide\" style=\"display:none\"><style>.rpi-stars[data-rating]::before,.rpi-star:first-child[data-rating]::before{content:attr(data-rating);color:var(--star-color);font-size:var(--head-grade-fs);font-weight:var(--head-grade-weight,900)}<\/style><\/span><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"\" onload=\"(function(el) { window.brb_vars=window.brb_vars||{ajaxurl:'https:\/\/www.online-marketing.amsterdam\/wp-admin\/admin-ajax.php'}; var t = setInterval(function() {if (window.RichPlugins && !el.getAttribute('data-exec')) { let l = 'list'; RichPlugins.init(el); clearInterval(t) }}, 200)})(this.closest('.rpi'))\" width=\"1\" height=\"1\" style=\"display:none\"><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wireframes and prototypes make digital plans concrete and testable. They speed up decisions, improve UX design and are the bridge to successful realization. OMA helps you with wireframing &amp; prototyping that works, tested and ready for the next step.  <\/p>\n","protected":false},"author":3,"featured_media":7085,"parent":186,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-dienst.php","meta":{"footnotes":""},"class_list":["post-7069","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.1 (Yoast SEO v26.1.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UI design - Online Marketing Amsterdam<\/title>\n<meta name=\"description\" content=\"UI design that works: strengthen your brand with pixel-perfect visual design that feels intuitive. With OMA, you get high-quality design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI design - Online Marketing Amsterdam\" \/>\n<meta property=\"og:description\" content=\"Wireframes and prototypes make digital plans concrete and testable. They speed up decisions, improve UX design and are the bridge to successful realization. OMA helps you with wireframing &amp; prototyping that works, tested and ready for the next step.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Marketing Amsterdam\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-30T18:38:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/ui-design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/\",\"url\":\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/\",\"name\":\"UI design - Online Marketing Amsterdam\",\"isPartOf\":{\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/ui-design.jpg\",\"datePublished\":\"2025-07-30T18:13:29+00:00\",\"dateModified\":\"2025-07-30T18:38:20+00:00\",\"description\":\"UI design that works: strengthen your brand with pixel-perfect visual design that feels intuitive. With OMA, you get high-quality design.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/#primaryimage\",\"url\":\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/ui-design.jpg\",\"contentUrl\":\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/ui-design.jpg\",\"width\":1024,\"height\":1024,\"caption\":\"ui-design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Services\",\"item\":\"https:\/\/www.online-marketing.amsterdam\/en\/services\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX, UI and design\",\"item\":\"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"UI design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/#website\",\"url\":\"https:\/\/www.online-marketing.amsterdam\/en\/\",\"name\":\"Online Marketing Amsterdam\",\"description\":\"Voor resultaatgerichte online marketing\",\"publisher\":{\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/#organization\"},\"alternateName\":\"Online Marketing Amsterdam\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.online-marketing.amsterdam\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/#organization\",\"name\":\"Online Marketing Amsterdam\",\"alternateName\":\"Online Marketing Amsterdam\",\"url\":\"https:\/\/www.online-marketing.amsterdam\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/09\/Frame-1720-1.jpg\",\"contentUrl\":\"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/09\/Frame-1720-1.jpg\",\"width\":696,\"height\":696,\"caption\":\"Online Marketing Amsterdam\"},\"image\":{\"@id\":\"https:\/\/www.online-marketing.amsterdam\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/online-marketing-amsterdam\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"UI design - Online Marketing Amsterdam","description":"UI design that works: strengthen your brand with pixel-perfect visual design that feels intuitive. With OMA, you get high-quality design.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/","og_locale":"en_US","og_type":"article","og_title":"UI design - Online Marketing Amsterdam","og_description":"Wireframes and prototypes make digital plans concrete and testable. They speed up decisions, improve UX design and are the bridge to successful realization. OMA helps you with wireframing &amp; prototyping that works, tested and ready for the next step.","og_url":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/","og_site_name":"Online Marketing Amsterdam","article_modified_time":"2025-07-30T18:38:20+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/ui-design.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/","url":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/","name":"UI design - Online Marketing Amsterdam","isPartOf":{"@id":"https:\/\/www.online-marketing.amsterdam\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/#primaryimage"},"image":{"@id":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/#primaryimage"},"thumbnailUrl":"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/ui-design.jpg","datePublished":"2025-07-30T18:13:29+00:00","dateModified":"2025-07-30T18:38:20+00:00","description":"UI design that works: strengthen your brand with pixel-perfect visual design that feels intuitive. With OMA, you get high-quality design.","breadcrumb":{"@id":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/#primaryimage","url":"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/ui-design.jpg","contentUrl":"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/07\/ui-design.jpg","width":1024,"height":1024,"caption":"ui-design"},{"@type":"BreadcrumbList","@id":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/ui-desgign\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Services","item":"https:\/\/www.online-marketing.amsterdam\/en\/services\/"},{"@type":"ListItem","position":2,"name":"UX, UI and design","item":"https:\/\/www.online-marketing.amsterdam\/en\/services\/ux-ui-and-design\/"},{"@type":"ListItem","position":3,"name":"UI design"}]},{"@type":"WebSite","@id":"https:\/\/www.online-marketing.amsterdam\/en\/#website","url":"https:\/\/www.online-marketing.amsterdam\/en\/","name":"Online Marketing Amsterdam","description":"Voor resultaatgerichte online marketing","publisher":{"@id":"https:\/\/www.online-marketing.amsterdam\/en\/#organization"},"alternateName":"Online Marketing Amsterdam","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.online-marketing.amsterdam\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.online-marketing.amsterdam\/en\/#organization","name":"Online Marketing Amsterdam","alternateName":"Online Marketing Amsterdam","url":"https:\/\/www.online-marketing.amsterdam\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.online-marketing.amsterdam\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/09\/Frame-1720-1.jpg","contentUrl":"https:\/\/www.online-marketing.amsterdam\/wp-content\/uploads\/2025\/09\/Frame-1720-1.jpg","width":696,"height":696,"caption":"Online Marketing Amsterdam"},"image":{"@id":"https:\/\/www.online-marketing.amsterdam\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/online-marketing-amsterdam"]}]}},"_links":{"self":[{"href":"https:\/\/www.online-marketing.amsterdam\/en\/wp-json\/wp\/v2\/pages\/7069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.online-marketing.amsterdam\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.online-marketing.amsterdam\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.online-marketing.amsterdam\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.online-marketing.amsterdam\/en\/wp-json\/wp\/v2\/comments?post=7069"}],"version-history":[{"count":4,"href":"https:\/\/www.online-marketing.amsterdam\/en\/wp-json\/wp\/v2\/pages\/7069\/revisions"}],"predecessor-version":[{"id":7093,"href":"https:\/\/www.online-marketing.amsterdam\/en\/wp-json\/wp\/v2\/pages\/7069\/revisions\/7093"}],"up":[{"embeddable":true,"href":"https:\/\/www.online-marketing.amsterdam\/en\/wp-json\/wp\/v2\/pages\/186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.online-marketing.amsterdam\/en\/wp-json\/wp\/v2\/media\/7085"}],"wp:attachment":[{"href":"https:\/\/www.online-marketing.amsterdam\/en\/wp-json\/wp\/v2\/media?parent=7069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}