{"id":1485,"date":"2023-05-01T11:42:55","date_gmt":"2023-05-01T14:42:55","guid":{"rendered":"https:\/\/angusdei.ar\/?post_type=project&p=1485"},"modified":"2023-05-26T16:34:39","modified_gmt":"2023-05-26T19:34:39","slug":"interactive-price-list","status":"publish","type":"project","link":"https:\/\/angusdei.ar\/en\/project\/interactive-price-list\/","title":{"rendered":"Interactive Price List"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Interactive Price List<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tOnline Auto Parts Catalog Design\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

The Challenge<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

PG Hidra\u00falica is a factory and distributor of auto parts. They needed their customers to be able to access an updated catalog of their products. This would allow customers to check prices, verify availability, and the characteristics of spare parts. It would also enable them to place orders for the replacement of stock in their inventories.<\/p>

However, many of PG Hidra\u00falica’s clients work in warehouses where connectivity is limited or non-existent.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Client
<\/strong>PG Hidraulica<\/p>

Date
<\/b>2019<\/p>

Platforms
<\/b>Tablet \/ Mobile<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\tPWA<\/span>, UI<\/span>\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    Expertise<\/h5>
    • UI Design<\/li>
    • Web Development<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t
      Team<\/h5>
      • Me – UI Designer and Front-end Developer<\/span><\/li>
      • Diego – Backend Developer<\/span><\/li>
      • Javier – Project Owner<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t
        Tools & Technology<\/h5>
        • Photoshop<\/span><\/li>
        • Quasar Framework<\/span><\/li>
        • Vue.js<\/span><\/li>
        • HTML5 + SCSS<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
          \n\t\t\t\t\t
          \n\t\t
          \n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t

          The Solution<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t

          We chose to develop a Progressive Web App on top of the Quasar Framework (Vue.js) for several reasons. Firstly, its versatility, which allows us to create a flexible and customizable app. Secondly, its accessibility since it can run on any device, making it easy for users to access our services. Lastly, it is not conditioned by connectivity, meaning it can work offline when there is no wi-fi.<\/p>

          The app automatically synchronizes the database of products and orders when connected. This ensures that users always have access to the most up-to-date information, even when they are offline.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

          \n\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
          \n\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t
          \n\t\t\t
          <\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

          Online Auto Parts Catalog Design<\/p>\n","protected":false},"featured_media":2205,"template":"","meta":{"footnotes":""},"tags":[27,21],"class_list":["post-1485","project","type-project","status-publish","has-post-thumbnail","hentry","tag-pwa","tag-user-interface"],"yoast_head":"\nInteractive Price List - Gus Denis<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/angusdei.ar\/en\/project\/interactive-price-list\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interactive Price List - Gus Denis\" \/>\n<meta property=\"og:description\" content=\"Online Auto Parts Catalog Design\" \/>\n<meta property=\"og:url\" content=\"https:\/\/angusdei.ar\/en\/project\/interactive-price-list\/\" \/>\n<meta property=\"og:site_name\" content=\"Gus Denis\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-26T19:34:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/angusdei.ar\/wp-content\/uploads\/2023\/05\/IPL-1.jpg?_t=1685129679\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/angusdei.ar\\\/project\\\/interactive-price-list\\\/\",\"url\":\"https:\\\/\\\/angusdei.ar\\\/project\\\/interactive-price-list\\\/\",\"name\":\"Interactive Price List - Gus Denis\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/angusdei.ar\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/angusdei.ar\\\/project\\\/interactive-price-list\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/angusdei.ar\\\/project\\\/interactive-price-list\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/angusdei.ar\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/IPL-1.jpg\",\"datePublished\":\"2023-05-01T14:42:55+00:00\",\"dateModified\":\"2023-05-26T19:34:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/angusdei.ar\\\/project\\\/interactive-price-list\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/angusdei.ar\\\/project\\\/interactive-price-list\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/angusdei.ar\\\/project\\\/interactive-price-list\\\/#primaryimage\",\"url\":\"https:\\\/\\\/angusdei.ar\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/IPL-1.jpg\",\"contentUrl\":\"https:\\\/\\\/angusdei.ar\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/IPL-1.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/angusdei.ar\\\/project\\\/interactive-price-list\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/angusdei.ar\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Interactive Price List\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/angusdei.ar\\\/#website\",\"url\":\"https:\\\/\\\/angusdei.ar\\\/\",\"name\":\"Gus Denis\",\"description\":\"UX\\\/UI \ud83d\uddf2 Product Design\",\"publisher\":{\"@id\":\"https:\\\/\\\/angusdei.ar\\\/#\\\/schema\\\/person\\\/28c5bb322cae29fc1d0b39e744d897e0\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/angusdei.ar\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/angusdei.ar\\\/#\\\/schema\\\/person\\\/28c5bb322cae29fc1d0b39e744d897e0\",\"name\":\"gustavodenis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/angusdei.ar\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/foto-de-perfil.jpg\",\"url\":\"https:\\\/\\\/angusdei.ar\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/foto-de-perfil.jpg\",\"contentUrl\":\"https:\\\/\\\/angusdei.ar\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/foto-de-perfil.jpg\",\"width\":1080,\"height\":1080,\"caption\":\"gustavodenis\"},\"logo\":{\"@id\":\"https:\\\/\\\/angusdei.ar\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/foto-de-perfil.jpg\"},\"sameAs\":[\"https:\\\/\\\/angusdei.ar\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interactive Price List - Gus Denis","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:\/\/angusdei.ar\/en\/project\/interactive-price-list\/","og_locale":"en_US","og_type":"article","og_title":"Interactive Price List - Gus Denis","og_description":"Online Auto Parts Catalog Design","og_url":"https:\/\/angusdei.ar\/en\/project\/interactive-price-list\/","og_site_name":"Gus Denis","article_modified_time":"2023-05-26T19:34:39+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/angusdei.ar\/wp-content\/uploads\/2023\/05\/IPL-1.jpg?_t=1685129679","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/angusdei.ar\/project\/interactive-price-list\/","url":"https:\/\/angusdei.ar\/project\/interactive-price-list\/","name":"Interactive Price List - Gus Denis","isPartOf":{"@id":"https:\/\/angusdei.ar\/#website"},"primaryImageOfPage":{"@id":"https:\/\/angusdei.ar\/project\/interactive-price-list\/#primaryimage"},"image":{"@id":"https:\/\/angusdei.ar\/project\/interactive-price-list\/#primaryimage"},"thumbnailUrl":"https:\/\/angusdei.ar\/wp-content\/uploads\/2023\/05\/IPL-1.jpg","datePublished":"2023-05-01T14:42:55+00:00","dateModified":"2023-05-26T19:34:39+00:00","breadcrumb":{"@id":"https:\/\/angusdei.ar\/project\/interactive-price-list\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/angusdei.ar\/project\/interactive-price-list\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/angusdei.ar\/project\/interactive-price-list\/#primaryimage","url":"https:\/\/angusdei.ar\/wp-content\/uploads\/2023\/05\/IPL-1.jpg","contentUrl":"https:\/\/angusdei.ar\/wp-content\/uploads\/2023\/05\/IPL-1.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/angusdei.ar\/project\/interactive-price-list\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/angusdei.ar\/en\/"},{"@type":"ListItem","position":2,"name":"Interactive Price List"}]},{"@type":"WebSite","@id":"https:\/\/angusdei.ar\/#website","url":"https:\/\/angusdei.ar\/","name":"Gus Denis","description":"UX\/UI \ud83d\uddf2 Product Design","publisher":{"@id":"https:\/\/angusdei.ar\/#\/schema\/person\/28c5bb322cae29fc1d0b39e744d897e0"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/angusdei.ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/angusdei.ar\/#\/schema\/person\/28c5bb322cae29fc1d0b39e744d897e0","name":"gustavodenis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/angusdei.ar\/wp-content\/uploads\/2023\/04\/foto-de-perfil.jpg","url":"https:\/\/angusdei.ar\/wp-content\/uploads\/2023\/04\/foto-de-perfil.jpg","contentUrl":"https:\/\/angusdei.ar\/wp-content\/uploads\/2023\/04\/foto-de-perfil.jpg","width":1080,"height":1080,"caption":"gustavodenis"},"logo":{"@id":"https:\/\/angusdei.ar\/wp-content\/uploads\/2023\/04\/foto-de-perfil.jpg"},"sameAs":["https:\/\/angusdei.ar"]}]}},"_links":{"self":[{"href":"https:\/\/angusdei.ar\/en\/wp-json\/wp\/v2\/project\/1485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angusdei.ar\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/angusdei.ar\/en\/wp-json\/wp\/v2\/types\/project"}],"version-history":[{"count":41,"href":"https:\/\/angusdei.ar\/en\/wp-json\/wp\/v2\/project\/1485\/revisions"}],"predecessor-version":[{"id":2212,"href":"https:\/\/angusdei.ar\/en\/wp-json\/wp\/v2\/project\/1485\/revisions\/2212"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/angusdei.ar\/en\/wp-json\/wp\/v2\/media\/2205"}],"wp:attachment":[{"href":"https:\/\/angusdei.ar\/en\/wp-json\/wp\/v2\/media?parent=1485"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/angusdei.ar\/en\/wp-json\/wp\/v2\/tags?post=1485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}