{"id":25949,"date":"2019-07-16T09:12:42","date_gmt":"2019-07-16T09:12:42","guid":{"rendered":"https:\/\/codeandpepper.com\/?post_type=case_study&#038;p=25949"},"modified":"2024-11-21T20:38:24","modified_gmt":"2024-11-21T20:38:24","slug":"omanaa","status":"publish","type":"case_study","link":"https:\/\/codeandpepper.com\/case-studies\/omanaa\/","title":{"rendered":"Omana&#8217;a"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"472\" height=\"108\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Logo_Omana.png\" alt=\"Omana'a logo - UX\/UI Design for tool \" class=\"wp-image-25950\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Logo_Omana.png 472w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Logo_Omana-300x69.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Logo_Omana-80x18.png 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Logo_Omana-160x37.png 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Logo_Omana-361x83.png 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Logo_Omana-433x99.png 433w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Logo_Omana-200x46.png 200w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Logo_Omana-432x99.png 432w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><\/figure><\/div>\n\n\n<section\n    id=\"\"\n    class=\"case-study-tags block aligncenter\"\n>\n  <div class=\"terms\">\n        <div class=\"term\">FinTech Development<\/div>\n        <div class=\"term\">AWS<\/div>\n        <div class=\"term\">Node.js<\/div>\n        <div class=\"term\">React.js<\/div>\n        <div class=\"term\">TypeScript<\/div>\n      <\/div>\n<\/section>\n\n\n\n<p>For board members, keeping track of their responsibilities often means switching between several apps. Apart from lowered productivity, working across many programs often raises questions about security. If you add remote work into the mix, the pile of board members\u2019 challenges grows with non-digitised processes and online meetings. Enter <strong>Omana\u2019a<\/strong> \u2014 a secure and reliable tool for effective collaboration and task management. Code &amp; Pepper accompanied the team at the very <strong>beginning of its product journey<\/strong>, in the design and specification phase.<\/p>\n\n\n\n<h2 class=\"has-text-align-left wp-block-heading\" id=\"h-about-omana-a\">About Omana&#8217;a<\/h2>\n\n\n\n<p>Omana\u2019a is a complex <strong>task management and team collaboration platform<\/strong> for board members in Arabic markets. The platform aims to help members serving at several different committees as well as those who combine their board activity with other professional endeavors. Omana\u2019a brings busy supervisory board members an <strong>all-in-one stop to organise all their duties<\/strong>. As remote work has become a staple in many organisations, the platform facilitates online meetings including votings, surveys, and signing documents. It also offers space to collaborate on board matters in between meetings. Board members can easily stay on top of their tasks and meetings without switching between different programs and platforms.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-challenges\">Challenges<\/h3>\n\n\n\n<p>The main challenge of this project consisted in the <strong>complexity of the product<\/strong> combined with a limited timeframe. With every step of product discovery, the scope of Omana\u2019a would expand. Effective <a href=\"https:\/\/codeandpepper.com\/services\/scrum-team-management\/\">project management<\/a> and prioritisation was crucial to deliver <strong>clear <a href=\"https:\/\/codeandpepper.com\/services\/ux-design-agency\/\">UX design<\/a>\/<a href=\"https:\/\/codeandpepper.com\/services\/ui-design-company\/\">UI design<\/a> and specifications<\/strong>.<\/p>\n\n\n\n<p>At this stage our team had to tackle:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>a large amount of functionalities within the product, which required careful planning;<\/li><li>the need for various integrations with external vendors that the functionalities prompted;<\/li><li>high level of granularity that the specifications had to reflect efficiently.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-1024x640.jpeg\" alt=\"Omana'a UX\/UI Design - Dashboard view\" class=\"wp-image-25973\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-1024x640.jpeg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-300x188.jpeg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-768x480.jpeg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-80x50.jpeg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-99x62.jpeg 99w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-334x209.jpeg 334w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-398x249.jpeg 398w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-160x100.jpeg 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-720x450.jpeg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-864x540.jpeg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-432x270.jpeg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard.jpeg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-solutions-for-omana-a\">Solutions for Omana&#8217;a<\/h2>\n\n\n\n<p>The team tasked with product design for Omana\u2019a included a project manager, product owner, UX\/UI designer, software engineer, and two software developers. Through workshops with the client we learned more about their product vision. We would then transform those findings into concrete outcomes:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>designs of features which the client had flagged as crucial,<\/li><li>a list of roles and permissions,<\/li><li>comparisons of potential tools for integration, based on extensive research,<\/li><li>a work-breakdown structure for development of the Minimum Viable Product and post-MVP releases.<\/li><\/ul>\n\n\n\n<p>Our main contact on the Omana\u2019a team appreciated that we offered different solutions and ideas throughout the collaboration. Adhering to the time constraints, we gathered and analysed a considerable amount of information to design a product aligned with the client\u2019s vision. Ultimately, the results of our work laid <strong>solid foundations for development<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-consistent-ui-and-elegant-design\">Consistent UI and elegant design<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-dashboard\">Dashboard<\/h4>\n\n\n\n<p>The dashboard has a few variations. Depending on the role and permissions of the user, it presents different areas of interest. This might include differing quick action shortcuts, pending tasks section, or workspace updates. In all cases, the dashboard provides an overview of essential information for each user. At a glance the user can easily see upcoming events, to-do items, and recent activity within workspaces. The design conveys a lot of information in an understandable manner, avoiding confusing clutter. It also matches the colour palette set by the logo of Omana\u2019a. The overall result is an <strong>intuitive, distraction-free platform with a refined look<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-workspaces\">Workspaces<\/h4>\n\n\n\n<p>The Workspaces page is especially helpful to users with seats in various boards. The page gives a straightforward summary of active workspaces. It also allows users to access a workspace-specific view of meetings, documents or tasks. The design here is building on the Dashboard which the user is already familiar with. The page is <strong>easy to navigate<\/strong> and neatly serves the user key information.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-1024x640.jpeg\" alt=\"Omana'a UX\/UI Design - Workspace view\" class=\"wp-image-25974\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-1024x640.jpeg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-300x188.jpeg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-768x480.jpeg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-80x50.jpeg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-99x62.jpeg 99w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-334x209.jpeg 334w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-398x249.jpeg 398w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-160x100.jpeg 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-720x450.jpeg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-864x540.jpeg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board-432x270.jpeg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_board.jpeg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-calendar-and-online-meetings\">Calendar and online meetings<\/h4>\n\n\n\n<p>Online meetings are one of the most important elements of the platform. On the Calendar page users can sort through all their events by workspaces or meeting types. It\u2019s also another area for them to see in a nutshell what type of activities the upcoming events will involve.<\/p>\n\n\n\n<p>Video conferences combine features that enable users to easily run previously non-digital or fragmented processes. But they also aim to <strong>drive the efficiency<\/strong> of various board meetings. When creating a meeting, permitted users can set up a detailed agenda with tasks, surveys, and attachments. Through the use of consistent icons and profile pictures it\u2019s clear what activity will take place and who\u2019s scheduled to present each item. During the meeting the agenda can be viewed so that participants follow it more easily.<\/p>\n\n\n\n<p>Apart from a standard chat function, video conferences also <strong>enable users to vote in real time<\/strong>. The design for this feature helps users quickly see quorum requirements and the results of voting. Another functionality allows for taking minutes of the meeting. Though the video conference interface offers many useful features, it is organised and easy to navigate. The design complements its goals to facilitate online board meetings and related activities.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-1024x640.jpeg\" alt=\"Omana'a UX\/UI Design - Meeting view\" class=\"wp-image-25975\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-1024x640.jpeg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-300x188.jpeg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-768x480.jpeg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-80x50.jpeg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-99x62.jpeg 99w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-334x209.jpeg 334w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-398x249.jpeg 398w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-160x100.jpeg 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-720x450.jpeg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-864x540.jpeg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting-432x270.jpeg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_callendar_meeting.jpeg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-tasks-documents-and-surveys\">Tasks, documents, and surveys<\/h4>\n\n\n\n<p>To increase productivity, the different types of tasks have dedicated pages. For example, users can zero in on their to-do items on the Tasks page. The tasks are organised by type and can be sorted by various filters such as deadlines. Users can readily prioritise the most urgent items. They can also process tasks in bulk: tackling surveys, granting e-signatures or approving documents. The <strong>sleek, clean design<\/strong> helps users focus.<\/p>\n\n\n\n<p>The Documents section highlights <strong>documents that need to be signed<\/strong> by the user. It\u2019s also where users with relevant permissions can track document history and access archived materials. Similarly to previous pages, documents can be filtered for simpler navigation.<\/p>\n\n\n\n<p>Finally, users can concentrate on <strong>casting votes and completing questionnaires<\/strong>. The dedicated page keeps current polls front and centre. Easy access adds to another feature: resolving less complex matters by in-app voting that streamlines collaboration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-1024x640.jpeg\" alt=\"Omana'a UX\/UI Design - Tasks view\" class=\"wp-image-25976\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-1024x640.jpeg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-300x188.jpeg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-768x480.jpeg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-80x50.jpeg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-99x62.jpeg 99w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-334x209.jpeg 334w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-398x249.jpeg 398w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-160x100.jpeg 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-720x450.jpeg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-864x540.jpeg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks-432x270.jpeg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_tasks.jpeg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-ensuring-security-through-roles-and-permissions\">Ensuring security through roles and permissions<\/h3>\n\n\n\n<p>The platform combines many aspects of the work done within committees. The people using Omana\u2019a will involve people serving different functions in the organisation, such as management of various levels, secretaries, and external consultants. We worked with Omana\u2019a to prepare a comprehensive list of roles and permissions based on workflows supplied by the client. The plan outlines <strong>actions permitted for various user types<\/strong>. These settings are further nuanced by secrecy levels. A secrecy level is also assigned to documents so that sensitive data is appropriately accessed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-researching-and-recommending-optimal-integrations\">Researching and recommending optimal integrations<\/h3>\n\n\n\n<p>Our team researched leading tools and services for video calls and e-signatures that could be integrated with Omana\u2019a. We <strong>defined all potential service providers<\/strong> whose solutions would match the platform\u2019s required functionalities. Our research resulted in comparisons of features, authentication methods, integration complexity, and pricing plans. This granted the client a full picture of available solutions and served as a strong basis for our recommendations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-1024x640.jpeg\" alt=\"Omana'a UX\/UI Design - Video call view\" class=\"wp-image-25978\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-1024x640.jpeg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-300x188.jpeg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-768x480.jpeg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-80x50.jpeg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-99x62.jpeg 99w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-334x209.jpeg 334w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-398x249.jpeg 398w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-160x100.jpeg 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-720x450.jpeg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-864x540.jpeg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting-432x270.jpeg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_meeting.jpeg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-transparency-and-preparations-for-development\">Transparency and preparations for development<\/h3>\n\n\n\n<p>We worked with Omana\u2019a through a series of workshops to learn more about their product vision and domain knowledge. To us, <strong>transparency is a key aspect of cooperation<\/strong>. Every week we would share a summary of outcomes achieved in the most recent iteration. These outlines made it clear who was in charge of certain topics and what was planned for the following week.<\/p>\n\n\n\n<p>Our team also created a high-level backlog for the development of an Omana\u2019a MVP and its post-MVP releases. Within the backlog we broke work packages for each feature as a <strong>clear roadmap for the development stage<\/strong>.<\/p>\n\n\n<section id=\"icons-grid-v2-block-block_5fd8d0497cc2e\" class=\"grid-block icons-grid-block-v2 block common-block alignfull\">\n<div class=\"container\">\n\n\n\n<h2 class=\"block-title section-title\">\n  <\/h2>\n\n\n\n<div class=\"grid-block-grid\">\n                <div class=\"grid-block-grid-item  has-link\">\n                                    <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/back-end-development-services\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            \n<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 72 72\" enable-background=\"new 0 0 72 72\" xml:space=\"preserve\">\n<g>\n\t<desc>Created with Sketch.<\/desc>\n\t<g>\n\t\t<path fill=\"#272727\" d=\"M0.6,36v35.4h70.9V0.6H0.6V36z M57.7,33.2c1.7,0.4,3.2,1.3,4.4,2.6c0.7,0.7,1.2,1.4,1.7,2.3\n\t\t\tc0,0.1-3.1,2.2-4.9,3.3c-0.1,0-0.3-0.2-0.6-0.7c-0.7-1.2-1.9-1.9-3.3-2c-2.1-0.1-3.5,1-3.5,2.8c0,0.5,0.1,0.9,0.3,1.3\n\t\t\tc0.5,1,1.3,1.6,4.1,2.8c5.1,2.2,7.2,3.6,8.6,5.7c1.5,2.3,1.8,5.9,0.8,8.6c-1.1,2.9-3.9,4.9-7.8,5.6c-1.8,0.2-3.6,0.2-5.4-0.1\n\t\t\tc-2.7-0.4-5.3-1.7-7.2-3.7C44.2,61,43,59.1,43,59c0.2-0.2,0.4-0.3,0.7-0.4l2.6-1.5l2-1.2l0.4,0.6c0.7,1,1.6,1.9,2.7,2.6\n\t\t\tc2.3,1.2,5.4,1,6.9-0.4c1.1-1,1.2-2.7,0.4-3.9c-0.6-0.8-1.7-1.5-4.9-2.8c-3.7-1.6-5.2-2.6-6.7-4.1c-0.9-1-1.6-2.2-1.9-3.5\n\t\t\tc-0.3-1.5-0.3-3-0.1-4.5c0.8-3.5,3.4-6,7.3-6.7C54,32.8,55.9,32.9,57.7,33.2L57.7,33.2z M41,36.1V39h-9.2v26.2h-6.5V39H16v-2.8\n\t\t\tc0-1,0-2,0.1-2.9c0,0,5.7-0.1,12.5-0.1H41V36.1z\"\/>\n\t<\/g>\n<\/g>\n<\/svg>\n                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              TypeScript                            <\/p>\n                        <\/div>\n                                    <\/a>\n                            <\/div>\n                        <div class=\"grid-block-grid-item  has-link\">\n                                    <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/cloud-computing-software-development-and-consulting\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            <svg version=\"1.1\"\r\n\t xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 72 72\"\r\n\t width=\"72\" height=\"72\" xml:space=\"preserve\">\r\n<g >\r\n\t<title>aws<\/title>\r\n\t<desc>Created with Sketch.<\/desc>\r\n\t<g>\r\n\t\t<polygon fill=\"#272727\" points=\"10.1,45 10.1,33.5 2.2,30.8 2.2,42.2 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"12.1,45 12.1,33.5 20,30.8 20,42.2 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"3.7,29.6 11.1,31.9 18.3,29.6 11,27.3 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"30.1,45 30.1,33.5 22.2,30.8 22.2,42.2 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"32.1,45 32.1,33.5 40,30.8 40,42.2 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"23.7,29.6 31.1,31.9 38.3,29.6 31,27.3 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"40.1,28.1 40.1,16.6 32.2,14 32.2,25.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"42.1,28.1 42.1,16.6 50,14 50,25.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"33.8,12.7 41.1,15.1 48.4,12.7 41.1,10.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"59.9,28.1 59.9,16.6 52,14 52,25.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"61.9,28.1 61.9,16.6 69.8,14 69.8,25.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"53.6,12.7 60.9,15.1 68.2,12.7 60.9,10.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"20.2,61.6 20.2,50.1 12.3,47.5 12.3,58.9 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"22.2,61.6 22.2,50.1 30.1,47.5 30.1,58.9 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"13.8,46.2 21.2,48.6 28.4,46.2 21.1,43.9 \t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<g >\r\n<\/g>\r\n<\/svg>\r\n                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              AWS                            <\/p>\n                        <\/div>\n                                    <\/a>\n                            <\/div>\n                        <div class=\"grid-block-grid-item  has-link\">\n                                    <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/node-js-developers\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            \n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentcolor\" d=\"M224 508c-6.7 0-13.5-1.8-19.4-5.2l-61.7-36.5c-9.2-5.2-4.7-7-1.7-8 12.3-4.3 14.8-5.2 27.9-12.7 1.4-.8 3.2-.5 4.6.4l47.4 28.1c1.7 1 4.1 1 5.7 0l184.7-106.6c1.7-1 2.8-3 2.8-5V149.3c0-2.1-1.1-4-2.9-5.1L226.8 37.7c-1.7-1-4-1-5.7 0L36.6 144.3c-1.8 1-2.9 3-2.9 5.1v213.1c0 2 1.1 4 2.9 4.9l50.6 29.2c27.5 13.7 44.3-2.4 44.3-18.7V167.5c0-3 2.4-5.3 5.4-5.3h23.4c2.9 0 5.4 2.3 5.4 5.3V378c0 36.6-20 57.6-54.7 57.6-10.7 0-19.1 0-42.5-11.6l-48.4-27.9C8.1 389.2.7 376.3.7 362.4V149.3c0-13.8 7.4-26.8 19.4-33.7L204.6 9c11.7-6.6 27.2-6.6 38.8 0l184.7 106.7c12 6.9 19.4 19.8 19.4 33.7v213.1c0 13.8-7.4 26.7-19.4 33.7L243.4 502.8c-5.9 3.4-12.6 5.2-19.4 5.2zm149.1-210.1c0-39.9-27-50.5-83.7-58-57.4-7.6-63.2-11.5-63.2-24.9 0-11.1 4.9-25.9 47.4-25.9 37.9 0 51.9 8.2 57.7 33.8.5 2.4 2.7 4.2 5.2 4.2h24c1.5 0 2.9-.6 3.9-1.7s1.5-2.6 1.4-4.1c-3.7-44.1-33-64.6-92.2-64.6-52.7 0-84.1 22.2-84.1 59.5 0 40.4 31.3 51.6 81.8 56.6 60.5 5.9 65.2 14.8 65.2 26.7 0 20.6-16.6 29.4-55.5 29.4-48.9 0-59.6-12.3-63.2-36.6-.4-2.6-2.6-4.5-5.3-4.5h-23.9c-3 0-5.3 2.4-5.3 5.3 0 31.1 16.9 68.2 97.8 68.2 58.4-.1 92-23.2 92-63.4z\"\/><\/svg>                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              Node.js                            <\/p>\n                        <\/div>\n                                    <\/a>\n                            <\/div>\n                        <div class=\"grid-block-grid-item  has-link\">\n                                    <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/react-developers\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            \n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentcolor\" d=\"M418.2 177.2c-5.4-1.8-10.8-3.5-16.2-5.1.9-3.7 1.7-7.4 2.5-11.1 12.3-59.6 4.2-107.5-23.1-123.3-26.3-15.1-69.2.6-112.6 38.4-4.3 3.7-8.5 7.6-12.5 11.5-2.7-2.6-5.5-5.2-8.3-7.7-45.5-40.4-91.1-57.4-118.4-41.5-26.2 15.2-34 60.3-23 116.7 1.1 5.6 2.3 11.1 3.7 16.7-6.4 1.8-12.7 3.8-18.6 5.9C38.3 196.2 0 225.4 0 255.6c0 31.2 40.8 62.5 96.3 81.5 4.5 1.5 9 3 13.6 4.3-1.5 6-2.8 11.9-4 18-10.5 55.5-2.3 99.5 23.9 114.6 27 15.6 72.4-.4 116.6-39.1 3.5-3.1 7-6.3 10.5-9.7 4.4 4.3 9 8.4 13.6 12.4 42.8 36.8 85.1 51.7 111.2 36.6 27-15.6 35.8-62.9 24.4-120.5-.9-4.4-1.9-8.9-3-13.5 3.2-.9 6.3-1.9 9.4-2.9 57.7-19.1 99.5-50 99.5-81.7 0-30.3-39.4-59.7-93.8-78.4zM282.9 92.3c37.2-32.4 71.9-45.1 87.7-36 16.9 9.7 23.4 48.9 12.8 100.4-.7 3.4-1.4 6.7-2.3 10-22.2-5-44.7-8.6-67.3-10.6-13-18.6-27.2-36.4-42.6-53.1 3.9-3.7 7.7-7.2 11.7-10.7zM167.2 307.5c5.1 8.7 10.3 17.4 15.8 25.9-15.6-1.7-31.1-4.2-46.4-7.5 4.4-14.4 9.9-29.3 16.3-44.5 4.6 8.8 9.3 17.5 14.3 26.1zm-30.3-120.3c14.4-3.2 29.7-5.8 45.6-7.8-5.3 8.3-10.5 16.8-15.4 25.4-4.9 8.5-9.7 17.2-14.2 26-6.3-14.9-11.6-29.5-16-43.6zm27.4 68.9c6.6-13.8 13.8-27.3 21.4-40.6s15.8-26.2 24.4-38.9c15-1.1 30.3-1.7 45.9-1.7s31 .6 45.9 1.7c8.5 12.6 16.6 25.5 24.3 38.7s14.9 26.7 21.7 40.4c-6.7 13.8-13.9 27.4-21.6 40.8-7.6 13.3-15.7 26.2-24.2 39-14.9 1.1-30.4 1.6-46.1 1.6s-30.9-.5-45.6-1.4c-8.7-12.7-16.9-25.7-24.6-39s-14.8-26.8-21.5-40.6zm180.6 51.2c5.1-8.8 9.9-17.7 14.6-26.7 6.4 14.5 12 29.2 16.9 44.3-15.5 3.5-31.2 6.2-47 8 5.4-8.4 10.5-17 15.5-25.6zm14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2-4.9-8.5-10-16.9-15.3-25.2 16.1 2 31.5 4.7 45.9 8-4.6 14.8-10 29.2-16.1 43.4zM256.2 118.3c10.5 11.4 20.4 23.4 29.6 35.8-19.8-.9-39.7-.9-59.5 0 9.8-12.9 19.9-24.9 29.9-35.8zM140.2 57c16.8-9.8 54.1 4.2 93.4 39 2.5 2.2 5 4.6 7.6 7-15.5 16.7-29.8 34.5-42.9 53.1-22.6 2-45 5.5-67.2 10.4-1.3-5.1-2.4-10.3-3.5-15.5-9.4-48.4-3.2-84.9 12.6-94zm-24.5 263.6c-4.2-1.2-8.3-2.5-12.4-3.9-21.3-6.7-45.5-17.3-63-31.2-10.1-7-16.9-17.8-18.8-29.9 0-18.3 31.6-41.7 77.2-57.6 5.7-2 11.5-3.8 17.3-5.5 6.8 21.7 15 43 24.5 63.6-9.6 20.9-17.9 42.5-24.8 64.5zm116.6 98c-16.5 15.1-35.6 27.1-56.4 35.3-11.1 5.3-23.9 5.8-35.3 1.3-15.9-9.2-22.5-44.5-13.5-92 1.1-5.6 2.3-11.2 3.7-16.7 22.4 4.8 45 8.1 67.9 9.8 13.2 18.7 27.7 36.6 43.2 53.4-3.2 3.1-6.4 6.1-9.6 8.9zm24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3 9.6.4 19.5.6 29.5.6 10.3 0 20.4-.2 30.4-.7-9.2 12.7-19.1 24.8-29.6 36.4zm130.7 30c-.9 12.2-6.9 23.6-16.5 31.3-15.9 9.2-49.8-2.8-86.4-34.2-4.2-3.6-8.4-7.5-12.7-11.5 15.3-16.9 29.4-34.8 42.2-53.6 22.9-1.9 45.7-5.4 68.2-10.5 1 4.1 1.9 8.2 2.7 12.2 4.9 21.6 5.7 44.1 2.5 66.3zm18.2-107.5c-2.8.9-5.6 1.8-8.5 2.6-7-21.8-15.6-43.1-25.5-63.8 9.6-20.4 17.7-41.4 24.5-62.9 5.2 1.5 10.2 3.1 15 4.7 46.6 16 79.3 39.8 79.3 58 0 19.6-34.9 44.9-84.8 61.4zm-149.7-15c25.3 0 45.8-20.5 45.8-45.8s-20.5-45.8-45.8-45.8c-25.3 0-45.8 20.5-45.8 45.8s20.5 45.8 45.8 45.8z\"\/><\/svg>                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              React                            <\/p>\n                        <\/div>\n                                    <\/a>\n                            <\/div>\n                        <div class=\"grid-block-grid-item  has-link\">\n                                    <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/tag\/digital-product-design\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            <svg version=\"1.1\"\r\n\t xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 72 72\"\r\n\t height=\"72\" width=\"72\" xml:space=\"preserve\">\r\n<g >\r\n\t<g  transform=\"translate(-280.000000, -338.000000)\">\r\n\t\t<g  transform=\"translate(280.000000, 338.000000)\">\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M44,31.8\r\n\t\t\t\tc0-4.4-3.6-7.9-8-7.9s-8,3.5-8,7.9c0,3.7,2.6,6.8,6,7.6V41h4v-1.6C41.4,38.6,44,35.5,44,31.8z\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M36.7,46.3h-1.3\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M38,43.7h-4\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M36,18.7v2.6\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M49.3,31.8h-2.7\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M22.7,31.8h2.7\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M25.6,21.6l2.8,2.8\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M46.4,21.6l-2.8,2.8\"\/>\r\n\t\t<\/g>\r\n\t<\/g>\r\n<\/g>\r\n<g>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M8,50.6V17.3\r\n\t\tc0-2.2,1.8-4,4-4h47.8c2.2,0,4,1.8,4,4v33.2\"\/>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M42.6,50.6v2.7H29.3\r\n\t\tv-2.7H5.4v5.3c0,1.5,1.2,2.7,2.7,2.7h55.8c1.5,0,2.7-1.2,2.7-2.7v-5.3H42.6z\"\/>\r\n<\/g>\r\n<\/svg>\r\n                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              Product Design                            <\/p>\n                        <\/div>\n                                    <\/a>\n                            <\/div>\n            <\/div>\n\n<\/div>\n<\/section>\n<style type=\"text\/css\">\n  #icons-grid-v2-block-block_5fd8d0497cc2e {\n    background: ;\n    color: ;\n  }\n\n  <\/style>\n\n\n<section id=\"services-grid-v2-block-block_5fd8d72a7cc33\" class=\"grid-block services-grid-block-v2 block common-block alignfull\">\n  <div class=\"container\">\n\n    \n\n<h2 class=\"block-title section-title\">\n  <\/h2>\n\n\n\n    <div class=\"grid-block-grid\">\n                <div class=\"grid-block-grid-item has-link\">\n            <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/lawtech-product-development\/\">\n              <div class=\"grid-block-item-icon-wrapper\">\n                <svg version=\"1.1\"\r\n\t xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 70 70\"\r\n\t width=\"70\" height=\"70\" xml:space=\"preserve\">\r\n<g>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M31.6,61.6H7.2v-2.4\r\n\t\tc0-1.3,1.1-2.4,2.4-2.4h19.5c1.3,0,2.4,1.1,2.4,2.4v2.4H31.6z\"\/>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M29.1,56.7H9.6v-2.4\r\n\t\tc0-1.3,1.1-2.4,2.4-2.4h14.6c1.3,0,2.4,1.1,2.4,2.4v2.4H29.1z\"\/>\r\n\r\n\t\t<rect x=\"24.5\" y=\"17.5\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -6.6925 30.9526)\" fill=\"none\" stroke=\"#009EE2\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"9.9999\" width=\"19\" height=\"12.1\"\/>\r\n\t<path fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M23,26l-1.2-1.2\r\n\t\tc-2.3-2.3-6,1.4-3.7,3.7l11,11c2.3,2.3,6-1.4,3.7-3.7l-1.2-1.2\"\/>\r\n\t<path fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M45,21.1l1.2,1.2\r\n\t\tc2.3,2.3,6-1.4,3.7-3.7l-11-11c-2.3-2.3-6,1.4-3.7,3.7l1.2,1.2\"\/>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"38.3\" y1=\"27.8\" x2=\"63.3\" y2=\"52.8\"\/>\r\n<\/g>\r\n<\/svg>\r\n              <\/div>\n              <div class=\"grid-block-grid-item-title-wrapper\">\n                <p class=\"typography-title-s\">\n                  LegalTech                <\/p>\n              <\/div>\n              <div class=\"grid-block-grid-item-description-wrapper\">\n                                  <p class=\"typography-body-smaller\">\n                    Bring your product to the next level with our tech excellence                  <\/p>\n                                <span class=\"plus-link\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\">\n    <path d=\"M7 0h3v17H7z\"\/>\n    <path d=\"M17 7v3H0V7z\"\/>\n<\/svg>\n                  <span>\n                    Read More                  <\/span>\n                <\/span>\n              <\/div>\n              <span class=\"grid-block-grid-item-plus-wrapper\">\n                <span class=\"background\"><\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\">\n    <path d=\"M7 0h3v17H7z\"\/>\n    <path d=\"M17 7v3H0V7z\"\/>\n<\/svg>\n              <\/span>\n            <\/a>\n          <\/div>\n                <div class=\"grid-block-grid-item has-link\">\n            <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/ux-design-agency\/\">\n              <div class=\"grid-block-item-icon-wrapper\">\n                <svg version=\"1.1\"\r\n\t xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 72 72\"\r\n\t height=\"72\" width=\"72\" xml:space=\"preserve\">\r\n<g>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M8,50.7V17.4\r\n\t\tc0-2.2,1.8-4,4-4h47.8c2.2,0,4,1.8,4,4v33.2\"\/>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M42.6,50.7v2.7H29.3\r\n\t\tv-2.7H5.4V56c0,1.5,1.2,2.7,2.7,2.7h55.8c1.5,0,2.7-1.2,2.7-2.7v-5.3H42.6z\"\/>\r\n<\/g>\r\n<g>\r\n\r\n\t\t<rect x=\"13\" y=\"17.9\" fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" width=\"7.1\" height=\"28.4\"\/>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"13\" y1=\"25\" x2=\"20.1\" y2=\"25\"\/>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"13\" y1=\"32.1\" x2=\"20.1\" y2=\"32.1\"\/>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"13\" y1=\"39.1\" x2=\"20.1\" y2=\"39.1\"\/>\r\n\t<polygon fill=\"none\" stroke=\"#009EE2\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" points=\"45.3,34.4 48.8,34.4 51.6,36.8\r\n\t\t59.5,36.8 59.5,46.2 45.3,46.2 \t\"\/>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"32.5\" y1=\"32\" x2=\"49.6\" y2=\"22.4\"\/>\r\n\t<path fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M53.7,20.1\r\n\t\tc0.6,1.1,0.2,2.6-0.9,3.2c-1.1,0.6-2.6,0.2-3.2-0.9c-0.6-1.1-0.2-2.6,0.9-3.2C51.6,18.5,53.1,18.9,53.7,20.1z\"\/>\r\n\t<path fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M31.4,35.2\r\n\t\tc-1.2,0.6-2.6,0.1-3.2-1.1c-0.6-1.2-0.1-2.6,1.1-3.2s2.6-0.1,3.2,1.1C33,33.2,32.5,34.6,31.4,35.2z\"\/>\r\n<\/g>\r\n<\/svg>\r\n              <\/div>\n              <div class=\"grid-block-grid-item-title-wrapper\">\n                <p class=\"typography-title-s\">\n                  UX Design                <\/p>\n              <\/div>\n              <div class=\"grid-block-grid-item-description-wrapper\">\n                                  <p class=\"typography-body-smaller\">\n                    Expect memorable designs that align with user needs                  <\/p>\n                                <span class=\"plus-link\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\">\n    <path d=\"M7 0h3v17H7z\"\/>\n    <path d=\"M17 7v3H0V7z\"\/>\n<\/svg>\n                  <span>\n                    Read More                  <\/span>\n                <\/span>\n              <\/div>\n              <span class=\"grid-block-grid-item-plus-wrapper\">\n                <span class=\"background\"><\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\">\n    <path d=\"M7 0h3v17H7z\"\/>\n    <path d=\"M17 7v3H0V7z\"\/>\n<\/svg>\n              <\/span>\n            <\/a>\n          <\/div>\n          <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"contact-block_5dad92c7f7782\" class=\"contact-block block common-block alignfull\">\n  <div class=\"container\">\n\n\n    \n  <svg class=\"wave\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"280\" height=\"9\" viewBox=\"0 0 280 9\">\n    <path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M0 3.6c2.88 0 4.18-.668 5.824-1.515C7.724 1.108 9.879 0 13.998 0c4.12 0 6.274 1.108 8.175 2.085 1.644.847 2.943 1.515 5.823 1.515 2.88 0 4.179-.668 5.824-1.515C35.72 1.108 37.874 0 41.995 0c4.12 0 6.274 1.108 8.174 2.085 1.645.847 2.945 1.515 5.824 1.515 2.88 0 4.18-.668 5.826-1.515C63.719 1.108 65.873 0 69.993 0c4.12 0 6.274 1.108 8.174 2.085 1.645.847 2.945 1.515 5.823 1.515 2.88 0 4.18-.668 5.825-1.515C91.715 1.108 93.87 0 97.99 0c4.12 0 6.273 1.108 8.174 2.085 1.645.847 2.945 1.515 5.823 1.515 2.88 0 4.178-.668 5.824-1.515 1.9-.977 4.054-2.085 8.173-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.88 0 4.18-.668 5.826-1.515 1.9-.977 4.055-2.085 8.175-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.88 0 4.179-.668 5.824-1.515 1.9-.977 4.054-2.085 8.175-2.085 4.12 0 6.274 1.108 8.175 2.085 1.646.847 2.946 1.515 5.826 1.515 2.88 0 4.18-.668 5.826-1.515 1.9-.977 4.054-2.085 8.175-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.881 0 4.18-.668 5.827-1.515 1.9-.977 4.056-2.085 8.176-2.085 4.121 0 6.276 1.108 8.177 2.085 1.646.847 2.946 1.515 5.827 1.515s4.181-.668 5.828-1.515C259.718 1.108 261.873 0 265.995 0c4.121 0 6.275 1.108 8.177 2.084 1.645.848 2.946 1.516 5.828 1.516V9h-.007l-5.252-.793c-1.129-.382-2.056-.848-2.919-1.291-1.646-.847-2.946-1.516-5.827-1.516-2.882 0-4.183.669-5.829 1.516-1.9.977-4.056 2.084-8.177 2.084-4.12 0-6.275-1.107-8.176-2.084-1.647-.847-2.947-1.516-5.828-1.516-2.88 0-4.18.669-5.827 1.516-1.9.977-4.055 2.084-8.176 2.084-4.12 0-6.273-1.107-8.175-2.084-1.645-.847-2.944-1.516-5.824-1.516s-4.18.669-5.826 1.516c-1.9.977-4.055 2.084-8.175 2.084-4.12 0-6.275-1.107-8.176-2.084-1.644-.847-2.945-1.516-5.825-1.516-2.88 0-4.18.669-5.825 1.516-1.9.977-4.054 2.084-8.174 2.084-4.12 0-6.274-1.107-8.176-2.084-1.644-.847-2.943-1.516-5.823-1.516-2.88 0-4.18.669-5.826 1.516-1.9.977-4.054 2.084-8.175 2.084-4.12 0-6.274-1.107-8.174-2.084-1.646-.847-2.946-1.516-5.825-1.516s-4.179.669-5.824 1.516c-1.9.977-4.053 2.084-8.173 2.084s-6.273-1.107-8.173-2.084c-1.645-.847-2.945-1.516-5.824-1.516-2.88 0-4.179.669-5.824 1.516C90.265 7.893 88.11 9 83.99 9c-4.12 0-6.273-1.107-8.173-2.084-1.645-.847-2.944-1.516-5.824-1.516s-4.18.669-5.825 1.516C62.268 7.893 60.113 9 55.993 9c-4.12 0-6.274-1.107-8.174-2.084-1.645-.847-2.945-1.516-5.824-1.516-2.88 0-4.18.669-5.825 1.516C34.27 7.893 32.116 9 27.996 9c-4.12 0-6.273-1.107-8.174-2.084-1.645-.847-2.945-1.516-5.824-1.516s-4.179.669-5.824 1.516C7.311 7.359 1.127 8.618 0 9\"\/>\n<\/svg>\n\n<h2 class=\"block-title section-title\">\n  Want your product to sweep users off their feet?<\/h2>\n\n\n  <div class=\"block-description typography-body\">\n    <p>We design apps with high performance, security, and user-friendliness in mind. Get in touch to make your product thrive on the market.<\/p>\n  <\/div>\n\n    \n          <div class=\"contact-block-person\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"90\" height=\"90\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-90x90.png\" class=\"contact-block-person-image\" alt=\"Maxi Wandel - Head of Growth\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-90x90.png 90w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-150x150.png 150w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-140x140.png 140w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-160x160.png 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-136x136.png 136w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line.png 200w\" sizes=\"auto, (max-width: 90px) 100vw, 90px\" \/>        <div class=\"contact-block-person-text\">\n          <div class=\"typography-title-m\">\n            Maxi Wandel          <\/div>\n          <div class=\"typography-body-medium\">\n            Head of Growth          <\/div>\n        <\/div>\n      <\/div>\n    \n\n    <form class=\"contact-form\" method=\"POST\" action=\"https:\/\/codeandpepper.com\/wp-admin\/admin-ajax.php\">\n            <amp-recaptcha-input layout=\"nodisplay\" name=\"recaptcha_token\" data-sitekey=\"6LeEo8cqAAAAABpahzrYQeEsO-xoutAjoIkrKpTB\" data-action=\"contact_block\"><\/amp-recaptcha-input>\n            <input type=\"hidden\" name=\"action\" value=\"contact_block_submit\" \/>\n      <input type=\"hidden\" name=\"block\" value=\"smallContactForm\" \/>\n      <input id=\"contact-block_5dad92c7f7782-email\" type=\"email\" name=\"email\" placeholder=\"Email\" class=\"gtm_form_input\" required>\n      <label for=\"contact-block_5dad92c7f7782-email\" class=\"contact-block-hidden-label\">Email<\/label>\n      <input id=\"contact-block_5dad92c7f7782-name\" type=\"text\" name=\"name\" placeholder=\"Full name\" class=\"gtm_form_input\" required>\n      <label for=\"contact-block_5dad92c7f7782-name\" class=\"contact-block-hidden-label\">\n        Full name      <\/label>\n\n      <input type=\"submit\" name=\"submit\" value=\"Get in touch\" class=\"gtm_form_submit btn-big\">\n\n      <div submitting>\n      <\/div>\n      <div id=\"TYPSmallForm\" class=\"submit-msg submit-success\" submit-success>\n        <template type=\"amp-mustache\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\">\n    <g fill=\"none\" fill-rule=\"evenodd\">\n        <g stroke=\"#FFF\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" transform=\"translate(1 1)\">\n            <path d=\"M17 8.5l-7.5 7L7 13\"\/>\n            <circle cx=\"12\" cy=\"12\" r=\"11.5\"\/>\n        <\/g>\n        <path d=\"M1 1h24v24H1z\"\/>\n    <\/g>\n<\/svg>\n          Your message has been sent. We will get back to you as soon as possible.\n        <\/template>\n      <\/div>\n      <div id=\"ErrorSmallForm\" class=\"submit-msg submit-error\" submit-error>\n        <template type=\"amp-mustache\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\">\n    <g fill=\"none\" fill-rule=\"evenodd\">\n        <g stroke=\"currentColor\" stroke-linejoin=\"round\">\n            <path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M23.498 12.31c.105 6.075-4.923 11.086-10.998 11.192-6.074.104-10.893-4.734-10.998-10.81C1.396 6.619 6.426 1.606 12.5 1.502c6.074-.106 10.893 4.734 10.998 10.808zM12.5 14V7\"\/>\n            <path fill=\"currentColor\" stroke-width=\"1.5\" d=\"M13 17.5a.5.5 0 0 1-1 0 .5.5 0 0 1 1 0z\"\/>\n        <\/g>\n        <path d=\"M1 0h24v24H1z\"\/>\n    <\/g>\n<\/svg>\n          Oops! Something went wrong. Please try again later.\n        <\/template>\n      <\/div>\n    <\/form>\n\n\n  <\/div>\n<\/section>\n<style type=\"text\/css\">\n  #contact-block_5dad92c7f7782 {\n    background: #009fe3;\n    color: #ffffff;\n  }\n\n  #contact-block_5dad92c7f7782svg {\n    color: #ffffff;\n  }\n<\/style>\n\n<section id=\"case-study-block-block_5d6b9da6ea696\" class=\"case-study-block block common-block alignfull\">\n<div class=\"container\">\n\n\n  <svg class=\"wave\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"280\" height=\"9\" viewBox=\"0 0 280 9\">\n    <path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M0 3.6c2.88 0 4.18-.668 5.824-1.515C7.724 1.108 9.879 0 13.998 0c4.12 0 6.274 1.108 8.175 2.085 1.644.847 2.943 1.515 5.823 1.515 2.88 0 4.179-.668 5.824-1.515C35.72 1.108 37.874 0 41.995 0c4.12 0 6.274 1.108 8.174 2.085 1.645.847 2.945 1.515 5.824 1.515 2.88 0 4.18-.668 5.826-1.515C63.719 1.108 65.873 0 69.993 0c4.12 0 6.274 1.108 8.174 2.085 1.645.847 2.945 1.515 5.823 1.515 2.88 0 4.18-.668 5.825-1.515C91.715 1.108 93.87 0 97.99 0c4.12 0 6.273 1.108 8.174 2.085 1.645.847 2.945 1.515 5.823 1.515 2.88 0 4.178-.668 5.824-1.515 1.9-.977 4.054-2.085 8.173-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.88 0 4.18-.668 5.826-1.515 1.9-.977 4.055-2.085 8.175-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.88 0 4.179-.668 5.824-1.515 1.9-.977 4.054-2.085 8.175-2.085 4.12 0 6.274 1.108 8.175 2.085 1.646.847 2.946 1.515 5.826 1.515 2.88 0 4.18-.668 5.826-1.515 1.9-.977 4.054-2.085 8.175-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.881 0 4.18-.668 5.827-1.515 1.9-.977 4.056-2.085 8.176-2.085 4.121 0 6.276 1.108 8.177 2.085 1.646.847 2.946 1.515 5.827 1.515s4.181-.668 5.828-1.515C259.718 1.108 261.873 0 265.995 0c4.121 0 6.275 1.108 8.177 2.084 1.645.848 2.946 1.516 5.828 1.516V9h-.007l-5.252-.793c-1.129-.382-2.056-.848-2.919-1.291-1.646-.847-2.946-1.516-5.827-1.516-2.882 0-4.183.669-5.829 1.516-1.9.977-4.056 2.084-8.177 2.084-4.12 0-6.275-1.107-8.176-2.084-1.647-.847-2.947-1.516-5.828-1.516-2.88 0-4.18.669-5.827 1.516-1.9.977-4.055 2.084-8.176 2.084-4.12 0-6.273-1.107-8.175-2.084-1.645-.847-2.944-1.516-5.824-1.516s-4.18.669-5.826 1.516c-1.9.977-4.055 2.084-8.175 2.084-4.12 0-6.275-1.107-8.176-2.084-1.644-.847-2.945-1.516-5.825-1.516-2.88 0-4.18.669-5.825 1.516-1.9.977-4.054 2.084-8.174 2.084-4.12 0-6.274-1.107-8.176-2.084-1.644-.847-2.943-1.516-5.823-1.516-2.88 0-4.18.669-5.826 1.516-1.9.977-4.054 2.084-8.175 2.084-4.12 0-6.274-1.107-8.174-2.084-1.646-.847-2.946-1.516-5.825-1.516s-4.179.669-5.824 1.516c-1.9.977-4.053 2.084-8.173 2.084s-6.273-1.107-8.173-2.084c-1.645-.847-2.945-1.516-5.824-1.516-2.88 0-4.179.669-5.824 1.516C90.265 7.893 88.11 9 83.99 9c-4.12 0-6.273-1.107-8.173-2.084-1.645-.847-2.944-1.516-5.824-1.516s-4.18.669-5.825 1.516C62.268 7.893 60.113 9 55.993 9c-4.12 0-6.274-1.107-8.174-2.084-1.645-.847-2.945-1.516-5.824-1.516-2.88 0-4.18.669-5.825 1.516C34.27 7.893 32.116 9 27.996 9c-4.12 0-6.273-1.107-8.174-2.084-1.645-.847-2.945-1.516-5.824-1.516s-4.179.669-5.824 1.516C7.311 7.359 1.127 8.618 0 9\"\/>\n<\/svg>\n\n<h2 class=\"block-title section-title\">\n  <\/h2>\n\n\n\n<article id=\"post-24654\" class=\"case-study-item post-24654 case_study type-case_study status-publish has-post-thumbnail hentry case_service-fintech-development solution-aws solution-node-js solution-react solution-typescript location-dubai-uae\">\n  <div class=\"row\">\n    <div class=\"column tablet-6\">\n      <h3 class=\"case-study-title section-title\">\n        <a href=\"https:\/\/codeandpepper.com\/case-studies\/united4\/\">\n          United4        <\/a>\n      <\/h3>\n              <div class=\"case-study-location\">\n                      <span class=\"flag\" style=\"background-image: url(https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/07\/1280px-Flag_of_the_United_Arab_Emirates.svg-e1595424856426.png);\"><\/span>\n                    <span class=\"name\">Dubai, UAE<\/span>\n        <\/div>\n            <a class=\"case-study-image-mobile\" href=\"https:\/\/codeandpepper.com\/case-studies\/united4\/\" aria-label=\"United4\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"334\" height=\"209\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-334x209.jpg\" class=\"attachment-case-study-thumbnail size-case-study-thumbnail wp-post-image\" alt=\"UX\/UI design for United4\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-334x209.jpg 334w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-300x188.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-1024x640.jpg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-768x480.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-160x100.jpg 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-720x450.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-864x540.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-432x270.jpg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard.jpg 1200w\" sizes=\"auto, (max-width: 334px) 100vw, 334px\" \/>      <\/a>\n      <p class=\"case-study-lead typography-body\">\n        Property investing with attractive interface, clearly presented data, and instant access to analytics      <\/p>\n              <div class=\"services case-study-terms has-title\">\n                          <span class=\"title\">Industry:<\/span>\n                        <span class=\"terms\">\n            <nobr>FinTech Development<\/nobr>            <\/span>\n        <\/div>\n            <div class=\"solutions case-study-terms has-title\">\n                          <span class=\"title\">Technology:<\/span>\n                        <span class=\"terms\">\n            <nobr>AWS<\/nobr>, <nobr>Node.js<\/nobr>, <nobr>React.js<\/nobr>, <nobr>TypeScript<\/nobr>            <\/span>\n        <\/div>\n          <a class=\"case-study-plus-link plus-link\" rel=\"nofollow\" aria-label=\"United4\" href=\"https:\/\/codeandpepper.com\/case-studies\/united4\/\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\">\n    <path d=\"M7 0h3v17H7z\"\/>\n    <path d=\"M17 7v3H0V7z\"\/>\n<\/svg>\n        <span>Read More<\/span>\n      <\/a>\n    <\/div>\n    <div class=\"column tablet-6 case-study-image-wrap\">\n      <a class=\"case-study-image-desktop\" href=\"https:\/\/codeandpepper.com\/case-studies\/united4\/\" aria-label=\"United4\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"398\" height=\"249\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard.jpg\" class=\"attachment-case-study-thumbnail-desktop size-case-study-thumbnail-desktop wp-post-image\" alt=\"UX\/UI design for United4\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard.jpg 1200w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-300x188.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-1024x640.jpg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-768x480.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-334x209.jpg 334w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-160x100.jpg 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-720x450.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-864x540.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/08\/United4_Laptop_Dashboard-432x270.jpg 432w\" sizes=\"auto, (max-width: 398px) 100vw, 398px\" \/>      <\/a>\n    <\/div>\n  <\/div>\n<\/article>\n<\/div>\n<\/section>\n","protected":false},"featured_media":25973,"template":"","case_service":[7901],"solution":[1634,115,71,1466],"location":[1937],"class_list":["post-25949","case_study","type-case_study","status-publish","has-post-thumbnail","hentry","case_service-fintech-development","solution-aws","solution-node-js","solution-react","solution-typescript","location-jeddah-saudi-arabia"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Omana&#039;a Tool UX\/UI Design. Case Study | Code &amp; Pepper<\/title>\n<meta name=\"description\" content=\"Find out how consistent UI\/UX can help users be more productive and efficient in this case study of product design for a task management app.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeandpepper.com\/case-studies\/omanaa\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Omana&#039;a Tool UX\/UI Design. Case Study | Code &amp; Pepper\" \/>\n<meta property=\"og:description\" content=\"Find out how consistent UI\/UX can help users be more productive and efficient in this case study of product design for a task management app.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeandpepper.com\/case-studies\/omanaa\/\" \/>\n<meta property=\"og:site_name\" content=\"Code &amp; Pepper\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codeandpepper\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-21T20:38:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@codeandpepper\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/omanaa\/#article\",\"url\":\"https:\/\/codeandpepper.com\/case-studies\/omanaa\/\",\"name\":\"Omana'a Tool UX\/UI Design. Case Study | Code &amp; Pepper\",\"isPartOf\":{\"@id\":\"https:\/\/codeandpepper.com\/#website\"},\"image\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard.jpeg\",\"thumbnailUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-334x209.jpeg\",\"datePublished\":\"2019-07-16T09:12:42+00:00\",\"dateModified\":\"2024-11-21T20:38:24+00:00\",\"description\":\"Find out how consistent UI\/UX can help users be more productive and efficient in this case study of product design for a task management app.\",\"breadcrumb\":{\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/omanaa\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codeandpepper.com\/case-studies\/omanaa\/\"]}],\"author\":{\"@type\":\"Organization\",\"name\":\"Code & Pepper\",\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/codeandpepper.com#logo\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\"}},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Code & Pepper\",\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/codeandpepper.com#logo\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\"}},\"headline\":\"Combining a wide variety of features into sophisticated design that empowers busy users\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/omanaa\/#webpage\",\"url\":\"https:\/\/codeandpepper.com\/case-studies\/omanaa\/\"}},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/omanaa\/#primaryimage\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard.jpeg\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard.jpeg\",\"width\":1080,\"height\":675,\"caption\":\"UX\/UI Design for Omana'a\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/omanaa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codeandpepper.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Omana&#8217;a\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codeandpepper.com\/#website\",\"url\":\"https:\/\/codeandpepper.com\/\",\"name\":\"Code & Pepper\",\"description\":\"FinTech Developers\",\"publisher\":{\"@id\":\"https:\/\/codeandpepper.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codeandpepper.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codeandpepper.com\/#organization\",\"name\":\"Code & Pepper\",\"url\":\"https:\/\/codeandpepper.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\",\"width\":319,\"height\":144,\"caption\":\"Code & Pepper\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codeandpepper\/\",\"https:\/\/x.com\/codeandpepper\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Omana'a Tool UX\/UI Design. Case Study | Code &amp; Pepper","description":"Find out how consistent UI\/UX can help users be more productive and efficient in this case study of product design for a task management app.","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:\/\/codeandpepper.com\/case-studies\/omanaa\/","og_locale":"en_US","og_type":"article","og_title":"Omana'a Tool UX\/UI Design. Case Study | Code &amp; Pepper","og_description":"Find out how consistent UI\/UX can help users be more productive and efficient in this case study of product design for a task management app.","og_url":"https:\/\/codeandpepper.com\/case-studies\/omanaa\/","og_site_name":"Code &amp; Pepper","article_publisher":"https:\/\/www.facebook.com\/codeandpepper\/","article_modified_time":"2024-11-21T20:38:24+00:00","og_image":[{"width":1080,"height":675,"url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@codeandpepper","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codeandpepper.com\/case-studies\/omanaa\/#article","url":"https:\/\/codeandpepper.com\/case-studies\/omanaa\/","name":"Omana'a Tool UX\/UI Design. Case Study | Code &amp; Pepper","isPartOf":{"@id":"https:\/\/codeandpepper.com\/#website"},"image":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard.jpeg","thumbnailUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard-334x209.jpeg","datePublished":"2019-07-16T09:12:42+00:00","dateModified":"2024-11-21T20:38:24+00:00","description":"Find out how consistent UI\/UX can help users be more productive and efficient in this case study of product design for a task management app.","breadcrumb":{"@id":"https:\/\/codeandpepper.com\/case-studies\/omanaa\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeandpepper.com\/case-studies\/omanaa\/"]}],"author":{"@type":"Organization","name":"Code & Pepper","logo":{"@type":"ImageObject","@id":"https:\/\/codeandpepper.com#logo","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png"}},"publisher":{"@type":"Organization","name":"Code & Pepper","logo":{"@type":"ImageObject","@id":"https:\/\/codeandpepper.com#logo","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png"}},"headline":"Combining a wide variety of features into sophisticated design that empowers busy users","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/codeandpepper.com\/case-studies\/omanaa\/#webpage","url":"https:\/\/codeandpepper.com\/case-studies\/omanaa\/"}},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/case-studies\/omanaa\/#primaryimage","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard.jpeg","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/09\/Omana_tablet_screens_dashboard.jpeg","width":1080,"height":675,"caption":"UX\/UI Design for Omana'a"},{"@type":"BreadcrumbList","@id":"https:\/\/codeandpepper.com\/case-studies\/omanaa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeandpepper.com\/"},{"@type":"ListItem","position":2,"name":"Omana&#8217;a"}]},{"@type":"WebSite","@id":"https:\/\/codeandpepper.com\/#website","url":"https:\/\/codeandpepper.com\/","name":"Code & Pepper","description":"FinTech Developers","publisher":{"@id":"https:\/\/codeandpepper.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeandpepper.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeandpepper.com\/#organization","name":"Code & Pepper","url":"https:\/\/codeandpepper.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png","width":319,"height":144,"caption":"Code & Pepper"},"image":{"@id":"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codeandpepper\/","https:\/\/x.com\/codeandpepper"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_study\/25949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_study"}],"about":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/types\/case_study"}],"version-history":[{"count":34,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_study\/25949\/revisions"}],"predecessor-version":[{"id":54264,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_study\/25949\/revisions\/54264"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media\/25973"}],"wp:attachment":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media?parent=25949"}],"wp:term":[{"taxonomy":"case_service","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_service?post=25949"},{"taxonomy":"solution","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/solution?post=25949"},{"taxonomy":"location","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/location?post=25949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}