{"id":5319,"date":"2024-07-10T09:30:35","date_gmt":"2024-07-10T09:30:35","guid":{"rendered":"https:\/\/www.wygroup.net\/portfolio\/fixo-3\/"},"modified":"2024-07-10T15:11:20","modified_gmt":"2024-07-10T15:11:20","slug":"fixo-3","status":"publish","type":"portfolio","link":"https:\/\/www.wygroup.net\/pt-pt\/portfolio\/fixo-3\/","title":{"rendered":"McDonald\u2019s Portugal"},"content":{"rendered":"\n
\n
\n

Objetivo<\/h2>\n\n\n\n

A McDonald’s Portugal possui m\u00faltiplas plataformas para diferentes \u00e1reas, o que traz camadas adicionais de complexidade e desafia a cria\u00e7\u00e3o de experi\u00eancias digitais coerentes.
O nosso objetivo foi construir um sistema de design focado nos utilizadores para lhes proporcionar o conforto, a satisfa\u00e7\u00e3o e a felicidade que s\u00f3 a McDonald’s Portugal pode oferecer. Os recursos e conven\u00e7\u00f5es do sistema ajudariam a marca a superar este desafio, simplificando o trabalho di\u00e1rio de todos e ajudando-os a criar designs ic\u00f3nicos.<\/p>\n<\/div>\n<\/div><\/section>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n\n\n\n

<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

\n
\n

Um novo conceito ic\u00f3nico<\/strong><\/h2>\n\n\n\n

Analis\u00e1mos algumas das plataformas internas da McDonald’s Portugal. Aproveit\u00e1mos as suas diretrizes de marca para criar um conceito de UI que unificaria visualmente todas as ferramentas digitais e aumentaria a efic\u00e1cia da marca para todos os utilizadores internos.
Este conceito incluiu os novos princ\u00edpios de experi\u00eancia, o nome do sistema de design (“Iconic Design System”), o novo prot\u00f3tipo de design para uma das plataformas internas da McDonald’s Portugal e a linguagem visual (tipografia, esquema de cores, iconografia, bot\u00f5es e elementos de movimento).<\/p>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

\n
\n

Defini\u00e7\u00e3o dos padr\u00f5es do sistema<\/strong><\/h2>\n\n\n\n

Definimos os padr\u00f5es do sistema de design atrav\u00e9s de um processo iterativo e colaborativo que envolveu Designers de Produto, Redatores de UX e Engenheiros. Juntos, cri\u00e1mos as diretrizes de voz e tom, estilo e componentes. Desta forma, o sistema de design da McDonald’s Portugal seria capaz de ajudar as equipas de produto a criar experi\u00eancias simples, intuitivas e ic\u00f3nicas, enquanto trabalham de forma mais eficiente.<\/p>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

\n
\n

Design e desenvolvimento<\/strong><\/h2>\n\n\n\n

Desenh\u00e1mos a experi\u00eancia e as funcionalidades para duas plataformas selecionadas e, paralelamente a estas atividades, cri\u00e1mos uma biblioteca de componentes multiplataforma. A nossa equipa de engenharia codificou os componentes da biblioteca utilizando Bootstrap para serem lan\u00e7ados posteriormente, e tamb\u00e9m os catalog\u00e1mos para uso futuro.<\/p>\n<\/div>\n<\/div><\/section>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
\n
\n

Ferramentas integradas<\/strong><\/h2>\n\n\n\n

Utilizar um conjunto integrado de ferramentas foi crucial para manter a nossa equipa alinhada e a colaborar com o cliente. Estas ferramentas permitiram-nos desenhar e partilhar layouts \u00fanicos com o cliente (Figma), acompanhar o progresso de todo o projeto (DevOps), codificar e catalogar componentes (Bootstrap), e armazenar os resultados de design e entreg\u00e1veis de engenharia (zeroheight).<\/p>\n<\/div>\n<\/div><\/section>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/p>\n\n\n\n

\n
\n

Um sistema em constante crescimento<\/strong><\/strong><\/strong><\/h2>\n\n\n\n

O Iconic Design System da McDonald’s Portugal \u00e9 utilizado internamente na sede da empresa em Portugal para todos os novos projetos, ajudando as equipas a resolver problemas reais, melhorar a qualidade do design e criar uma experi\u00eancia digital coesa em diferentes pontos de contato. Este sistema continuar\u00e1 a crescer e evoluir para atender \u00e0s necessidades da McDonald’s Portugal.<\/p>\n<\/div>\n<\/div><\/section>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

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

Objetivo A McDonald’s Portugal possui m\u00faltiplas plataformas para diferentes \u00e1reas, o que traz camadas adicionais de complexidade e desafia a cria\u00e7\u00e3o de experi\u00eancias digitais coerentes.O nosso objetivo foi construir um sistema de design focado nos utilizadores para lhes proporcionar o conforto, a satisfa\u00e7\u00e3o e a felicidade que s\u00f3 a McDonald’s Portugal pode oferecer. Os recursos […]<\/p>\n","protected":false},"featured_media":0,"template":"","class_list":["post-5319","portfolio","type-portfolio","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/portfolio\/5319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/types\/portfolio"}],"wp:attachment":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/media?parent=5319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}