{"id":1314,"date":"2019-04-01T11:05:00","date_gmt":"2019-04-01T11:05:00","guid":{"rendered":"https:\/\/codeandpepper.com\/?post_type=case_study&#038;p=1314"},"modified":"2025-05-08T11:54:20","modified_gmt":"2025-05-08T11:54:20","slug":"global-trade-alert-web-design","status":"publish","type":"case_study","link":"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/","title":{"rendered":"Global Trade Alert"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/12\/GlobalTradeAlert.png\" alt=\"Global Trade Alert logo\" class=\"wp-image-21759\" width=\"272\" height=\"115\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/12\/GlobalTradeAlert.png 544w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/12\/GlobalTradeAlert-300x127.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/12\/GlobalTradeAlert-361x153.png 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/12\/GlobalTradeAlert-200x85.png 200w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/12\/GlobalTradeAlert-432x183.png 432w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/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>\n<\/section>\n\n\n\n<p>Set up in 2009 at the initiative of the Centre for Economic Policy Research (CEPR), the Global Trade Alert (GTA) team comprises researchers independent of any national government, who <b>monitor state measures and their impact on international trade<\/b>. GTA reports have since become a well-recognized and trusted alternative source of data, cited by the World Bank, the United Nations (UNESCAP and UNCTAD), and the World Trade Organization (WTO). GTA\u2019s findings have also been referenced in hundreds of scientific studies and major media reports.<\/p>\n\n\n\n<h2 class=\"has-text-align-left wp-block-heading\" id=\"h-about-global-trade-alert\">About Global Trade Alert<\/h2>\n\n\n\n<p>The revamped <a rel=\"noreferrer noopener nofollow\" href=\"https:\/\/www.globaltradealert.org\/\" target=\"_blank\">GTA website<\/a> was launched in Summer 2019. It collects and presents information on global legislative changes in real-time, using interactive charts, diagrams, and tables. It focuses on state interventions affecting trade in goods and services, foreign investment and labor force migration. However, it offers more insights than other monitoring tools by identifying the trading partners most at risk of being harmed by a given state measure. The <b>advanced search options<\/b> enable viewing data across products, sectors, timelines, and countries or groups of countries (e.g. G8, G20, EU). Users of the GTA database can <b>browse and export summary statistics<\/b> in a selected combination of variables:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>jurisdiction and type of intervention<\/li><li>tariff lines, sectors and trading partners affected<\/li><li>the date a measure came into force<\/li><li>implementation status<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"587\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/laptop_phone_clean-1024x587.png\" alt=\"Global Trade Alert ux design - main view\" class=\"wp-image-14282\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/laptop_phone_clean-1024x587.png 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/laptop_phone_clean-300x172.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/laptop_phone_clean-768x440.png 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/laptop_phone_clean-361x207.png 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/laptop_phone_clean-174x100.png 174w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/laptop_phone_clean-720x413.png 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/laptop_phone_clean-864x495.png 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/laptop_phone_clean-432x248.png 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/laptop_phone_clean.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-challenge\">Challenge<\/h3>\n\n\n\n<p>Before Code &amp; Pepper got involved in the project in 2017, the client had been using a locally-hosted, Excel-based system that desperately needed a UI and UX boost. The aim was <b>to facilitate the data-intensive work of analysts<\/b>, who dealt with enormous amounts of information on a daily basis. Reporters monitoring each region not only managed regular updates but also manually verified each submitted intervention. The limited functionality of the admin panel made the GTA database more prone to errors and increasingly difficult to maintain. On the other hand, <b>poor website performance was affecting the end-user experience<\/b>, as calculations took minutes to complete and there was no event tracking mechanism in place to analyse user behaviour.<\/p>\n\n\n\n<p>To help GTA achieve the desired <b>accuracy, efficiency<\/b> and <b>scalability<\/b>, our <a href=\"https:\/\/codeandpepper.com\/services\/web-development\/\">web development<\/a> team needed to give both the admin panel and the web platform a full makeover:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>refine and manage product requirements&nbsp;<\/li><li>create a new user interface and UX design&nbsp;<\/li><li>implement the solution in terms of front-end and back-end<\/li><li>prepare the cloud infrastructure and execute cloud migration<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-solutions-for-global-trade-alert\">Solutions for Global Trade Alert<\/h2>\n\n\n\n<p>Dealing with this level of product complexity would have been impossible without establishing effective communication between Code &amp; Pepper and the GTA core team. The client\u2019s commitment to explain all intricacies of the advanced analytical engine behind GTA\u2019s forecasts was invaluable not only during scoping but also throughout the project.<\/p>\n\n\n<blockquote\n    id=\"custom-quote-block-block_611e2c115d5ea\"\n    class=\"wp-block-quote wp-block-quote-image alignfull \"\n>\n  <p>The Code &amp; Pepper team became involved in the process of designing the desired tool already at the bidding stage. They had a very practical approach from the very beginning and this is what made us select them.<\/p>\n    <cite>\n    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/08\/phd-johannes-fritz-global-trade-alert-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"PhD Johannes Fritz, Global Trade Alert\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/08\/phd-johannes-fritz-global-trade-alert-150x150.png 150w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/08\/phd-johannes-fritz-global-trade-alert-300x300.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/08\/phd-johannes-fritz-global-trade-alert-209x209.png 209w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/08\/phd-johannes-fritz-global-trade-alert-140x140.png 140w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/08\/phd-johannes-fritz-global-trade-alert-250x250.png 250w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/08\/phd-johannes-fritz-global-trade-alert-100x100.png 100w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/08\/phd-johannes-fritz-global-trade-alert.png 443w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>    <div class=\"name-wrap\">\n      <span class=\"typography-title-s\">Johannes Fritz, Ph.D.<\/span>\n      <span class=\"subname typography-body-medium\">\n        Project Manager <br class=\"mobile-only\">at Global Trade Alert      <\/span>\n    <\/div>\n  <\/cite>\n  <\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-a-league-product-development-team\">A-league product development team<\/h3>\n\n\n\n<p>To meet the challenge of building a data-driven web platform in the <a href=\"https:\/\/codeandpepper.com\/services\/end-to-end-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">end-to-end model<\/a>, Code &amp; Pepper provided a competent product development team: a UI designer and a UX designer, 3 full-stack developers, a DevOps expert, and a project manager. Working hand in hand with the client, our engineers kicked off the project by identifying the main pain points affecting the target users, then recommended design and technology solutions to help achieve key product goals.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics_1-1024x590.png\" alt=\"Global Trade Alert app deisgn - Global Dynamics View\" class=\"wp-image-14287\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics_1-1024x590.png 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics_1-300x173.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics_1-768x442.png 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics_1-361x209.png 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics_1-174x100.png 174w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics_1-720x415.png 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics_1-864x498.png 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics_1-432x249.png 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics_1.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-requirements-analysis-and-refinement\">Requirements analysis and refinement<\/h3>\n\n\n\n<p>Losing sight of the project objectives was not an option, so we aligned our design and development efforts with the client\u2019s ambitious vision for the GTA platform. To best fulfill its purpose, Global Trade Alert has to be:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-independent-accurate\">Independent &amp; Accurate<\/h4>\n\n\n\n<p>A new approach to <a href=\"https:\/\/codeandpepper.com\/services\/data-engineering-and-analytics-services\/\">data management<\/a> was necessary to help coordinate the work of the CEPR think tank based in London, the executive GTA team at the University of St. Gallen in Switzerland and external collaborators around the world. With the introduction of <b>cloud hosting<\/b> and an <b>optimised admin panel<\/b>, this international initiative can remain independent without compromising data input efficiency and accuracy.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-comprehensive-transparent\">Comprehensive &amp; Transparent<\/h4>\n\n\n\n<p>GTA not only covers more policy instruments than other monitoring tools but also goes beyond the raw data to identify potentially affected trading partners. To keep transparency in check, both official and alternative sources of information can be viewed on request. A <a rel=\"noreferrer noopener nofollow\" href=\"https:\/\/www.globaltradealert.org\/data_extraction\" target=\"_blank\">detailed documentation<\/a> on the applied methodology includes the database structure, the assessment criteria, and the interpretation of variables. GTA\u2019s comprehensive character and credibility relies on a strategic combination of <b>robust analytics<\/b>, <b>automated data processing<\/b> and features enabling <b>manual editing<\/b> of data records.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-accessible-timely\">Accessible &amp; Timely<\/h4>\n\n\n\n<p>Designing for accessibility started with identifying different users of the GTA website and their needs. From policy-makers, manufacturers and exporters to journalists and analysts \u2014 each target group had to be able to <b>filter search results<\/b> in accordance with their interests and <b>export the selected data feeds<\/b> for reference or further analysis. With that in mind, new interactive filters were added to boost searchability of both real-time and historical data. Implementation of <b>event tracking mechanisms<\/b> was necessary to help the GTA team understand user behaviour and make more informed decisions about further product development.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics2-1024x590.png\" alt=\"Global Trade Alert web design - Global Dynamics View\" class=\"wp-image-14288\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics2-1024x590.png 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics2-300x173.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics2-768x442.png 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics2-361x209.png 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics2-174x100.png 174w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics2-720x415.png 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics2-864x498.png 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics2-432x249.png 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/GTA_global_dynamics2.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-ui-and-ux-design\">UI and UX design<\/h3>\n\n\n\n<p>Mindful of the functional and non-functional requirements hinted above, <a href=\"https:\/\/codeandpepper.com\/services\/ui-design-company\/\">UI<\/a> and <a href=\"https:\/\/codeandpepper.com\/services\/ux-design-agency\/\">UX design<\/a> was focused on two target groups:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>admin panel users<\/li><li>general public users of the web platform<\/li><\/ul>\n\n\n\n<p>The admin panel needed features for easier editing and sorting of data. To speed up verification of data leads in the dashboard view, the intervention submission interface was enhanced with extensions for manual editing. We had to make sure it was <b>sensitive to updates without overwriting manual deviations<\/b>.<\/p>\n\n\n\n<p>When optimising the front page, we implemented <b>new interactive filters and export restrictions<\/b>, improved performance (calculations completed within seconds) and search engine friendliness (auto-generated SEO links submitted for indexing).<\/p>\n\n\n\n<p>To give the GTA team more insight into user behaviour, we\u2019ve introduced tracking of search terms, defined additional site events and built a view count for internal use. Now, admins could examine, <b>filter and export user statistics<\/b> to gather vital empirical data on the actual usage of the GTA database.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-big-data-and-cloud-adoption\">Big Data and cloud adoption<\/h3>\n\n\n\n<p>The GTA team documents a broad range of policy choices. Each state act is characterised using a taxonomy of more than a dozen variables. The classification is further supported with data on international flows of goods, services, migration, and investment.<\/p>\n\n\n\n<p>New <b>data architecture<\/b> was needed to make the redesigned GTA platform <a href=\"https:\/\/codeandpepper.com\/services\/cloud-computing-software-development-and-consulting\/\">cloud-ready<\/a>. Code &amp; Pepper checked all databases for dependencies and optimised key data filters. When importing historical data, we were asked to implement automated conversion of selected data files into CSV for easier parsing, as well as audit data in terms of completeness and integrity. To ensure data security, we configured and activated <b>SSL encryption<\/b>.<br><br><br><br><\/p>\n\n\n\n<p><\/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\/web-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<g>\r\n\t\t<path fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M43.9,33.3h3.4\r\n\t\t\tv-3.2h-3.4c-0.2-0.9-0.6-2.3-1.1-3.1l2.4-2.4l-3-3L39.8,24c-0.8-0.5-2.2-0.8-3.1-1.1v-3.4h-3.2V23c-0.9,0.2-2.3,0.6-3.1,1.1\r\n\t\t\tL28,21.7l-3,3l2.4,2.4c-0.5,0.8-0.8,2.2-1.1,3.1h-3.4v3.2h3.4c0.2,0.9,0.6,2.3,1.1,3.1L25,38.9l3,3l2.4-2.4\r\n\t\t\tc0.8,0.5,2.2,0.8,3.1,1.1V44h3.2v-3.4c0.9-0.2,2.3-0.6,3.1-1.1l2.4,2.4l3-3l-2.4-2.4C43.3,35.6,43.6,34.3,43.9,33.3z\"\/>\r\n\r\n\t\t\t<circle fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" cx=\"35.1\" cy=\"31.8\" r=\"4.8\"\/>\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=\"M7.1,49.7V16.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=\"M41.7,49.7v2.7H28.4\r\n\t\tv-2.7H4.5V55c0,1.5,1.2,2.7,2.7,2.7H63c1.5,0,2.7-1.2,2.7-2.7v-5.3H41.7z\"\/>\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                              Web Development                            <\/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\/front-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=\"#393939\" d=\"M0.5,0.5v70.9h70.9V0.5H0.5z M38.1,61c-1,2.1-3,3.5-5.4,4.2c-3.6,0.8-7,0.4-9.5-1.2c-1.7-1-3-2.6-3.9-4.5\n\t\t\tl5.4-3.3c0,0,0.2,0.3,0.4,0.6c0.7,1.2,1.3,2,2.4,2.5c1.1,0.4,3.7,0.6,4.6-1.4c0.6-1,0.4-4.3,0.4-8c0-5.7,0-11.5,0-17.1h6.6\n\t\t\tc0,6.2,0,12.1,0,18.2C39.2,54.8,39.6,58.2,38.1,61z M65.6,59.1C63.3,67,50.4,67.2,45.3,62c-1.1-1.2-1.8-1.9-2.4-3.3\n\t\t\tc2.7-1.6,2.7-1.6,5.4-3.1c1.4,2.2,2.8,3.4,5.2,3.9c3.3,0.4,6.5-0.7,5.8-4.2c-0.8-2.8-6.7-3.5-10.7-6.5c-4.1-2.7-5-9.4-1.7-13.2\n\t\t\tc1.1-1.4,3-2.5,5-3l2.1-0.3c4-0.1,6.5,1,8.4,3c0.5,0.5,0.9,1.1,1.7,2.3c-2.1,1.4-2.1,1.4-5.2,3.3c-0.7-1.4-1.7-2.3-2.9-2.7\n\t\t\tc-1.8-0.5-4,0-4.5,1.9c-0.2,0.6-0.1,1.1,0.1,2.1c0.7,1.6,3.1,2.4,5.3,3.4c6.3,2.5,8.4,5.3,8.9,8.5C66.3,57,65.7,58.8,65.6,59.1\n\t\t\tL65.6,59.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                              JavaScript                            <\/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\/back-end-development-services\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 128 128\"><path fill=\"currentcolor\" d=\"M64 33.039c-33.74 0-61.094 13.862-61.094 30.961s27.354 30.961 61.094 30.961 61.094-13.862 61.094-30.961-27.354-30.961-61.094-30.961zm-15.897 36.993c-1.458 1.364-3.077 1.927-4.86 2.507-1.783.581-4.052.461-6.811.461h-6.253l-1.733 10h-7.301l6.515-34h14.04c4.224 0 7.305 1.215 9.242 3.432 1.937 2.217 2.519 5.364 1.747 9.337-.319 1.637-.856 3.159-1.614 4.515-.759 1.357-1.75 2.624-2.972 3.748zm21.311 2.968l2.881-14.42c.328-1.688.208-2.942-.361-3.555-.57-.614-1.782-1.025-3.635-1.025h-5.79l-3.731 19h-7.244l6.515-33h7.244l-1.732 9h6.453c4.061 0 6.861.815 8.402 2.231s2.003 3.356 1.387 6.528l-3.031 15.241h-7.358zm40.259-11.178c-.318 1.637-.856 3.133-1.613 4.488-.758 1.357-1.748 2.598-2.971 3.722-1.458 1.364-3.078 1.927-4.86 2.507-1.782.581-4.053.461-6.812.461h-6.253l-1.732 10h-7.301l6.514-34h14.041c4.224 0 7.305 1.215 9.241 3.432 1.935 2.217 2.518 5.418 1.746 9.39zM95.919 54h-5.001l-2.727 14h4.442c2.942 0 5.136-.29 6.576-1.4 1.442-1.108 2.413-2.828 2.918-5.421.484-2.491.264-4.434-.66-5.458-.925-1.024-2.774-1.721-5.548-1.721zM38.934 54h-5.002l-2.727 14h4.441c2.943 0 5.136-.29 6.577-1.4 1.441-1.108 2.413-2.828 2.917-5.421.484-2.491.264-4.434-.66-5.458s-2.772-1.721-5.546-1.721z\"\/><\/svg>                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              PHP                            <\/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 height=\"72\" width=\"72\" xml:space=\"preserve\">\r\n<g>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"18.9\" y1=\"64.8\" x2=\"34.4\" y2=\"64.8\"\/>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"26.6\" y1=\"59.6\" x2=\"26.6\" y2=\"64.7\"\/>\r\n\t<line fill=\"none\" stroke=\"#272727\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"7.3\" y1=\"54.5\" x2=\"46\" y2=\"54.5\"\/>\r\n\t<path fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M27.9,31.3v-5.8\r\n\t\tc0-5.3,4.3-9.7,9.7-9.7h4.5\"\/>\r\n\t<polyline fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" points=\"33.1,26.1\r\n\t\t27.9,31.3 22.8,26.1 \t\"\/>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M38.2,33.9h3.9\r\n\t\tc2.1,0,3.9,1.7,3.9,3.9v18c0,2.1-1.7,3.9-3.9,3.9H11.2c-2.1,0-3.9-1.7-3.9-3.9v-18c0-2.1,1.7-3.9,3.9-3.9H15\"\/>\r\n\t<polyline fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" points=\"38.2,12\r\n\t\t42.1,15.8 38.2,19.7 \t\"\/>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M36.9,26.1h22.6c0,0,7.1-0.9,7.1-7.4\r\n\t\tc0-4.1-3.6-7.5-8.1-7.3c-1.8-3.5-5.5-5.9-9.9-5.9c-2.3,0-4.4,0.6-6.1,1.8\"\/>\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                              Cloud Migration                            <\/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\n<section id=\"contact-block_611d093fae2f2\" 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  Explore the Fit <br class=\"desktop-only\">of Code &#038; Pepper for Your Project<\/h2>\n\n\n  <div class=\"block-description typography-body\">\n    <p>Every project is distinctive, demanding a customized approach. Get a complimentary consultation with our React JS specialist, <br class=\"desktop-only\">gaining insights into whether Code &#038; Pepper aligns with your project requirements <br class=\"desktop-only\">and how our collaboration can bring value to your venture.<\/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_611d093fae2f2-email\" type=\"email\" name=\"email\" placeholder=\"Email\" class=\"gtm_form_input\" required>\n      <label for=\"contact-block_611d093fae2f2-email\" class=\"contact-block-hidden-label\">Email<\/label>\n      <input id=\"contact-block_611d093fae2f2-name\" type=\"text\" name=\"name\" placeholder=\"Full name\" class=\"gtm_form_input\" required>\n      <label for=\"contact-block_611d093fae2f2-name\" class=\"contact-block-hidden-label\">\n        Full name      <\/label>\n\n      <input type=\"submit\" name=\"submit\" value=\"Let's talk\" 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_611d093fae2f2 {\n    background: #007bb3;\n    color: #ffffff;\n  }\n\n  #contact-block_611d093fae2f2svg {\n    color: #ffffff;\n  }\n<\/style>\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\/end-to-end-software-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 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=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M31.8,35.1\r\n\t\t\t\tc0-5.2-4.2-9.3-9.4-9.3s-9.4,4.1-9.4,9.3c0,4.4,3.1,8,7.1,9V46h4.7v-1.9C28.7,43.1,31.8,39.5,31.8,35.1z\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M23.2,52.2h-1.5\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M24.7,49.1H20\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M22.4,19.7v3.1\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6.7,35.1h3.2\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.1,23.1l3.3,3.3\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M34.6,23.1l-3.3,3.3\"\/>\r\n\t\t\t<g>\r\n\r\n\t\t\t\t\t<line fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"55.3\" y1=\"35.1\" x2=\"34.9\" y2=\"35.1\"\/>\r\n\t\t\t\t<polyline fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" points=\"\r\n\t\t\t\t\t48.9,41.6 55.3,35.1 48.9,28.7 \t\t\t\t\"\/>\r\n\t\t\t<\/g>\r\n\t\t<\/g>\r\n\t<\/g>\r\n<\/g>\r\n<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M41,29.2V17.7\r\n\tc0-2.4,1.9-4.3,4.3-4.3H58c2.4,0,4.3,1.9,4.3,4.3v34.1c0,2.4-1.9,4.3-4.3,4.3H45.2c-2.4,0-4.3-1.9-4.3-4.3V41.4\"\/>\r\n<line fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"62.3\" y1=\"22\" x2=\"41\" y2=\"22\"\/>\r\n<line fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"62.3\" y1=\"47.6\" x2=\"41\" y2=\"47.6\"\/>\r\n<line fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"48.4\" y1=\"17.7\" x2=\"54.8\" y2=\"17.7\"\/>\r\n<path fill=\"none\" stroke=\"#272727\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M52.7,51.8c0,0.6-0.5,1.1-1.1,1.1l0,0\r\n\tc-0.6,0-1.1-0.5-1.1-1.1l0,0c0-0.6,0.5-1.1,1.1-1.1l0,0C52.2,50.8,52.7,51.2,52.7,51.8L52.7,51.8z\"\/>\r\n<\/svg>\r\n              <\/div>\n              <div class=\"grid-block-grid-item-title-wrapper\">\n                <p class=\"typography-title-s\">\n                  E2E Development                <\/p>\n              <\/div>\n              <div class=\"grid-block-grid-item-description-wrapper\">\n                                  <p class=\"typography-body-smaller\">\n                    Design and implementation of application components                  <\/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                  UI\/UX Design                <\/p>\n              <\/div>\n              <div class=\"grid-block-grid-item-description-wrapper\">\n                                  <p class=\"typography-body-smaller\">\n                    Data-intensive dashboard for fast data extraction                  <\/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\/data-engineering-and-analytics-services\/\">\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(-277.000000, -1256.000000)\">\r\n\t\t<g  transform=\"translate(277.000000, 1256.000000)\">\r\n\t\t\t<polyline  fill=\"none\" stroke=\"#009EE2\" stroke-linejoin=\"round\" points=\"42,51 42,23 52.7,23 52.7,35 \t\t\t\"\/>\r\n\t\t\t<polyline  fill=\"none\" stroke=\"#009EE2\" stroke-linejoin=\"round\" points=\"26,61.7 26,7 36.7,7 36.7,61.7 \t\t\t\"\/>\r\n\t\t\t<polyline  fill=\"none\" stroke=\"#009EE2\" stroke-linejoin=\"round\" points=\"10,61.7 10,33.7 20.7,33.7 20.7,61.7\r\n\t\t\t\t\t\t\t\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linejoin=\"round\" d=\"M6,64.3h60\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" d=\"M52.7,52.3c3.1,0,5.3-2.6,5.3-5.7v-1.9c0-3.2-2.3-5.7-5.3-5.7\r\n\t\t\t\ts-5.3,2.6-5.3,5.7v1.9C47.3,49.8,49.6,52.3,52.7,52.3z\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" d=\"M63.3,61.7v-4.1c0-3.7-7.1-5.3-10.7-5.3c-3.5,0-10.7,1.7-10.7,5.3v4.1\"\/>\r\n\t\t<\/g>\r\n\t<\/g>\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                  Data Engineering                <\/p>\n              <\/div>\n              <div class=\"grid-block-grid-item-description-wrapper\">\n                                  <p class=\"typography-body-smaller\">\n                    Complete data architecture and cloud migration strategy                  <\/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\/scrum-team-management\/\">\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(-1309.000000, -234.000000)\">\r\n\t\t<g  transform=\"translate(1309.000000, 234.000000)\">\r\n\t\t\t<polyline  fill=\"none\" stroke=\"#009EE2\" points=\"31.5,18.4 31.5,3.6 70.2,3.6 70.2,45.1 31.5,45.1 31.5,34.7\r\n\t\t\t\t\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" d=\"M63.1,11.7l-24.4-0.2\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" d=\"M63.1,19.9H46\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" d=\"M63.1,28H46\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" d=\"M63.1,36.1H39.9\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linejoin=\"round\" d=\"M7.5,47.9c-3.1,0-5.7-2.9-5.7-5.7V29.3\r\n\t\t\t\tc0-4.7,3.6-7.1,7.2-7.1h31.6c0,0-1.5,7.1-7.2,7.1H21.9v38.6\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linejoin=\"round\" d=\"M14.7,17.9c3.3,0,5.7-2.3,5.7-5.7V9.3\r\n\t\t\t\tc0-3.4-2.4-5.7-5.7-5.7S9,5.9,9,9.3v2.9C9,15.6,11.4,17.9,14.7,17.9z\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linejoin=\"round\" d=\"M7.5,32.2v35.7\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#272727\" stroke-linejoin=\"round\" d=\"M14.7,46.5v21.4\"\/>\r\n\t\t<\/g>\r\n\t<\/g>\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                  Project Management                <\/p>\n              <\/div>\n              <div class=\"grid-block-grid-item-description-wrapper\">\n                                  <p class=\"typography-body-smaller\">\n                    Refining requirements and tracking project progress                  <\/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<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-139\" class=\"case-study-item post-139 case_study type-case_study status-publish has-post-thumbnail hentry case_service-fintech-development solution-angular-2 solution-typescript location-united-kingdom\">\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\/nearshore-it-outsourcing-lusid\/\">\n          LUSID        <\/a>\n      <\/h3>\n              <div class=\"case-study-location\">\n                      <span class=\"flag\" style=\"background-image: url(https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/gb@3x.png);\"><\/span>\n                    <span class=\"name\">London, United Kingdom<\/span>\n        <\/div>\n            <a class=\"case-study-image-mobile\" href=\"https:\/\/codeandpepper.com\/case-studies\/nearshore-it-outsourcing-lusid\/\" aria-label=\"LUSID\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"361\" height=\"203\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-361x203.jpg\" class=\"attachment-case-study-thumbnail size-case-study-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-361x203.jpg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-300x169.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-1024x576.jpg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-768x432.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-1536x864.jpg 1536w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-80x45.jpg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-110x62.jpg 110w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-433x244.jpg 433w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-178x100.jpg 178w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-720x405.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-864x486.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-432x243.jpg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1.jpg 1920w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/>      <\/a>\n      <p class=\"case-study-lead typography-body\">\n         Why nearshore IT outsourcing can work out with an independent team \u2013 and how to get it right      <\/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>Angular<\/nobr>, <nobr>TypeScript<\/nobr>            <\/span>\n        <\/div>\n          <a class=\"case-study-plus-link plus-link\" rel=\"nofollow\" aria-label=\"LUSID\" href=\"https:\/\/codeandpepper.com\/case-studies\/nearshore-it-outsourcing-lusid\/\">\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\/nearshore-it-outsourcing-lusid\/\" aria-label=\"LUSID\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"244\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-433x244.jpg\" class=\"attachment-case-study-thumbnail-desktop size-case-study-thumbnail-desktop wp-post-image\" alt=\"\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-433x244.jpg 433w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-300x169.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-1024x576.jpg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-768x432.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-1536x864.jpg 1536w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-80x45.jpg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-110x62.jpg 110w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-361x203.jpg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-178x100.jpg 178w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-720x405.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-864x486.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1-432x243.jpg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/LUSID_screens_01-1.jpg 1920w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/>      <\/a>\n    <\/div>\n  <\/div>\n<\/article>\n<\/div>\n<\/section>\n","protected":false},"featured_media":25033,"template":"","case_service":[7901],"solution":[1634],"location":[54],"class_list":["post-1314","case_study","type-case_study","status-publish","has-post-thumbnail","hentry","case_service-fintech-development","solution-aws","location-switzerland"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Global Trade Alert Web Design. Case Study | Code &amp; Pepper<\/title>\n<meta name=\"description\" content=\"The curious case of E2E development and UI\/UX design for a data-driven web platform: read about Global Trade Alert and its path to efficiency.\" \/>\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\/global-trade-alert-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Global Trade Alert Web Design. Case Study | Code &amp; Pepper\" \/>\n<meta property=\"og:description\" content=\"The curious case of E2E development and UI\/UX design for a data-driven web platform: read about Global Trade Alert and its path to efficiency.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/\" \/>\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=\"2025-05-08T11:54:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/GTA-list.png\" \/>\n\t<meta property=\"og:image:width\" content=\"864\" \/>\n\t<meta property=\"og:image:height\" content=\"495\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/#article\",\"url\":\"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/\",\"name\":\"Global Trade Alert Web Design. Case Study | Code & Pepper\",\"isPartOf\":{\"@id\":\"https:\/\/codeandpepper.com\/#website\"},\"image\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/GTA-list.png\",\"thumbnailUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/GTA-list-361x207.png\",\"datePublished\":\"2019-04-01T11:05:00+00:00\",\"dateModified\":\"2025-05-08T11:54:20+00:00\",\"description\":\"The curious case of E2E development and UI\/UX design for a data-driven web platform: read about Global Trade Alert and its path to efficiency.\",\"breadcrumb\":{\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/\"]}],\"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\":\"UI\/UX makeover and end-to-end development of a data monitoring and analytics web platform\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/#webpage\",\"url\":\"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/\"}},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/#primaryimage\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/GTA-list.png\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/GTA-list.png\",\"width\":864,\"height\":495},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codeandpepper.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Global Trade Alert\"}]},{\"@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":"Global Trade Alert Web Design. Case Study | Code & Pepper","description":"The curious case of E2E development and UI\/UX design for a data-driven web platform: read about Global Trade Alert and its path to efficiency.","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\/global-trade-alert-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Global Trade Alert Web Design. Case Study | Code & Pepper","og_description":"The curious case of E2E development and UI\/UX design for a data-driven web platform: read about Global Trade Alert and its path to efficiency.","og_url":"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/","og_site_name":"Code &amp; Pepper","article_publisher":"https:\/\/www.facebook.com\/codeandpepper\/","article_modified_time":"2025-05-08T11:54:20+00:00","og_image":[{"width":864,"height":495,"url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/GTA-list.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@codeandpepper","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/#article","url":"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/","name":"Global Trade Alert Web Design. Case Study | Code & Pepper","isPartOf":{"@id":"https:\/\/codeandpepper.com\/#website"},"image":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/GTA-list.png","thumbnailUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/GTA-list-361x207.png","datePublished":"2019-04-01T11:05:00+00:00","dateModified":"2025-05-08T11:54:20+00:00","description":"The curious case of E2E development and UI\/UX design for a data-driven web platform: read about Global Trade Alert and its path to efficiency.","breadcrumb":{"@id":"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/"]}],"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":"UI\/UX makeover and end-to-end development of a data monitoring and analytics web platform","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/#webpage","url":"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/"}},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/#primaryimage","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/GTA-list.png","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/04\/GTA-list.png","width":864,"height":495},{"@type":"BreadcrumbList","@id":"https:\/\/codeandpepper.com\/case-studies\/global-trade-alert-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeandpepper.com\/"},{"@type":"ListItem","position":2,"name":"Global Trade Alert"}]},{"@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\/1314","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":182,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_study\/1314\/revisions"}],"predecessor-version":[{"id":55489,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_study\/1314\/revisions\/55489"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media\/25033"}],"wp:attachment":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media?parent=1314"}],"wp:term":[{"taxonomy":"case_service","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_service?post=1314"},{"taxonomy":"solution","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/solution?post=1314"},{"taxonomy":"location","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/location?post=1314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}