Wed Dec 20 --------------------------------------------------------------- SER EXPRESSIALISTA 1. Alterar a frase: “Um café que inspira a partilhar o que temos de mais autêntico e a descobrir no outro aquilo que também ele tem de melhor”. [DONE] 2. Alterar o copy: ... “Dos cafés aos cereais, chás e tisanas, das máquinas aos acessórios, a Delta Q oferece um sistema integrado para uma experiência completa e variada, simples e intuitiva, para te surpreender e inspirar nos variados nos diferentes momentos do dia”. [DONE] 3. Alterar o copy: ... “Um expresso feito com perfeição é feito de investimentos e parcerias com empresas e comunidades, é feito da criação de empregos, da proteção ambiental e da própria preservação da cultura e sustentabilidade do café.” [DONE] 4. O tamanho das fontes está diferente entre estes dois momentos (só em desktop) - corrigir. [DONE] 5. Esta ideia do mouse over funciona bem em desktop, mas em mobile obriga-nos a carregar duas vezes, pode não ser tão intuitivo. Sendo a prioridade mobile, testar outra solução que resulte bem. [DONE - Em mobile como não temos o mouseover o overlay está sempre visível] SABE MELHOR 1. Os ícones têm de ter mais destaque – aumentar de tamanho, sem que ofusque completamente os dogmas. Fizeram alguns testes de navegabilidade e há utilizadores que não percebem que há mais informação para ler. [DONE - foi aumentado o contraste e o + deixou de ser tranparente. Foi aunda adicionado um efeito de pulse nos botões] 2. Os dogmas continuam a sobrepor-se ao Expressialista (só em desktop). [DONE - foi optimizado até ecrãs com altura de 600px] SUSTENTABILIDADE 1. Menu da sustentabilidade: “outras iniciativas” – falta o “s”. Esta ausência do s só acontece em mobile. [DONE] Os títulos estão em caps lock na versão mobile e em desktop estão em caixa baixa. Uniformizar, sff, conforme proposta criativa. [DONE] 2. Delta Q ReciQla. Retirar a imagem do capsulinho. Deixar só a cápsula. [DONE - estou a assumir que o capsulinho é o saco] Adaptar o copy: [DONE] No ecrã do mac não conseguem visualizar o menu do canto inferior esquerdo (reciQla e reciclagem de cápsulas de cafés). Essa possibilidade é quase impercetivel como podem ver na imagem. [DONE] 3. Reciclagem de cápsulas de café: @Nuno, rever o copy, pois temos de adicionar os novos pontos de recolha (cantanhede, famalicão e almada), bem como mencionar que é uma iniciativa pioneira que promove a criação de pontos de recolha e separação de cápsulas usadas, em parceria com a Associação Industrial e Comercial do Café (AICC). *adaptem o texto para a 2ª pessoa do singular “conhece” - “mais perto de ti”. [DONE] 4. Design saído da casca: acrescentar o parceiro com quem trabalham – “Em parceria com a Matter”. [Sejam mais específicos sff] OFICINA DO CAFÉ 1. Se conseguimos aplicar o menu horizontal na sustentabilidade com 3 temas, não conseguimos também fazê-lo na oficina do café? ou não há espaço suficiente? [WIP] *em mobile a imagem dos pairings não está atualizada. [DONE - já estava] 2. Receitas: - tinham enviado imagens em substituição das receitas em substituição das que sugerimos. Também devemos considerar o souflé em substituição do latte de castanha. [Para mudar uma receita, devem enviar a imagem o video e o copy] - os titulos das receitas também desformatam mediante a dimensão do ecrã, e em desktop estão em caps lock vs minusculas em mobile. [DONE] CONTACTOS 1. Não há necessidade de scroll na página de contactos, só mesmo para evitar a sobreposição de elementos. [DONE] Thu Dec 7 --------------------------------------------------------------- Comum a toda a página - As imagens dentro de cada submenu estão demasiado grandes, diminuir pf. Continuamos com imagens demasiado grandes dentro de cada bloco. - Gostámos muito do slide show horizontal nos menus (como está em mobile, ex. abaixo), podemos adaptar a todos os blocos? Sabemos que há áreas mais difíceis de aplicar este formato horizontal (como no Ser Expressialista), mas preferimos mesmo esta opção. - Na Home Page – a “animação” inspira parece estar lenta.    Ser Expressialista - Manifesto: No segundo bloco de texto, alterem as palavras “Precisão”, “Paixão”, “Exigência” e “Tempo” para caixa baixa. @Corrigido. Ainda não está feita esta correção. Sabe melhor O culto da origem: a animação está muito pequena, em comparação com as restantes.  @Corrigido. Continua com o mesmo problema, está com as dimensões certas só em determinados ecrãs. Ciência da torra: quando sugerimos utilizar as fotografias da gama roast, a ideia era aproveitar os diferentes tipos de torra, porque já trabalharam essas variações no lançamento. A ideia é manter os grãos, não os blends. Nós não fazemos questão de uma imagem em específico, o que vos estamos a pedir é que encontrem uma imagem que se adapte, um plano aproximado de uma fotografia da gama roast (já que na altura aprofundámos muito os tipos de torra) que caracterize este processo.  @Nuno, ajudas aqui? Nos dogmas, ao abrirmos cada bloco de texto aparece sempre um pouco da animação no topo, exemplo: Ainda não conseguimos ver corrigido (deve ser a questão das dimensões dos ecrãs).   Sustentabilidade - Página de entrada: A seta parece muito básica comparativamente à restante identidade visual da landing page, podemos encontrar uma alternativa? Ainda não conseguimos ver. Oficina do café - Página de entrada: em ecrãs mais pequenos, como no Mac ou quando minimizamos, o texto sobrepõe-se à imagem.  @Corrigido. Continua a acontecer. - Página de entrada: No menu, a fotografia dos pairings deve ser substituída. @Corrigido. Ainda não conseguimos ver. - Receitas: como no Latte de Castanha só temos uma imagem estática, é preferível substituirmos pela receita desta semana, o soufflé (thumbnail – soufflé no forno). Continuamos sem ver.   Percebemos também que, ao entrar nos dogmas, as pessoas têm pouca perceção que há mais informação – os submenus (ex. a seleção delta q; os sabores das origens; a cata). Conseguimos aumentar o contraste daqueles “+”. [DONE]   *MOBILE A barra do browser não permite visibilidade do texto em alguns ecrãs. [] Mon Nov 27 --------------------------------------------------------------- Ser Expressialista - Manifesto: No segundo bloco de texto, alterem as palavras “Precisão”, “Paixão”, “Exigência” e “Tempo” para caixa baixa. [DONE] Sabe melhor - O culto da origem: a animação está muito pequena, em comparação com as restantes. [DONE] - A essência da extração: preferimos manter apenas sistema Delta Q na imagem de fundo, retirem a máquina RISE, percebe-se mal e pode parecer um engano. [DONE] - Ciência da torra: quando sugerimos utilizar as fotografias da gama roast, a ideia era aproveitar os diferentes tipos de torra, porque já trabalharam essas variações no lançamento. A ideia é manter os grãos, não os blends. [Deverão enviar nova imagem] - Nos dogmas, ao abrirmos cada bloco de texto aparece sempre um pouco da animação no topo, exemplo: [DONE] Sustentabilidade - Página de entrada: A seta parece muito básica comparativamente à restante identidade visual da landing page, podemos encontrar uma alternativa? [DONE - a seta foi retirada] Oficina do café - Página de entrada: Já tínhamos enviado as fotografias em substituição dos top shots das bebidas que estão no início da página. Podem substituir? - Página de entrada: em ecrãs mais pequenos, como no Mac ou quando minimizamos, o texto sobrepõe-se à imagem. [DONE] - Página de entrada: No menu, a fotografia dos pairings deve ser substituída. - Pairings: O menu hambúrguer perdeu-se nos pairings. [DONE] - Receitas: Algumas fotografias das receitas não funcionam tão bem, enviamos uma pasta para considerarem a substituição. - Receitas: em vez de abrirmos logo com os vídeos das receitas, abrimos a página com a thumbnail e ao clicar no play começa o vídeo. - Receitas: como no Latte de Castanha só temos uma imagem estática, é preferível substituirmos pela receita desta semana, o soufflé (thumbnail – soufflé no forno). - Receitas: Escrevam Crumble de Canela (em substituição do Qanela Qrumble). [DONE] Contactos - Reduzam o tamanho dos elementos desta página pf, não há necessidade de scroll. [DONE] Wed Nov 22 --------------------------------------------------------------- DESKTOP -------------- Desktop -------------- ÀREA SER EXPRESSIALISTA O menu de footer agora está aparecer no scroll inteiro desta área. Ele só deve aparecer na Home. [DONE] -------------- Mobile -------------- Homepage ainda não está no layout certo e logo Delta Q ainda atrapalha o layout todo ao longo do site. [DONE] - Seta de scroll agora desapareceu da maior parte do site (não está na HOME nem no SER EXPRESSIALISTA, nem no SABE MELHOR, só o vi na SUSTENTABILIDADE). A minha opinião é que faz sentido ter a seta pelo menos no primeiro ecrã de cada área. - Expressialista // Delta Q // Menu não estão no sitio / dimensão certas. [DONE] - Nas páginas de todo o site, a fotografia está muito grande, assim como o texto, o que fica esteticamente algo desagradável (vi que resolveu nalgumas páginas, mas não estão todas - por exemplo, nas páginas da área Ser Expressialista, o texto está menor, sim senhor, mas a foto está muito grande) [Aqui é necesário que sejam mais específicos] Tue Nov 21 --------------------------------------------------------------- -------------- Desktop -------------- SABE MELHOR —————————————————————— - Falta animação dos dogmas, conforme falado, com a ilustração a aparecer em várias partes, rapidamente. [WIP] - menu de ícones “salta” quando se navega entre páginas. [DONE] - menu de ícones não está clicável dentro das páginas. Deverá estar. [WIP] SUSTENTABILIDADE —————————————————————— - Falta 2ª parte da Reciclagem [DONE] Mas as imagens não estão certas. E o acesso deverá estar em CAIXA ALTA [DONE] - Falta ainda a animação do MANIFESTO, conforme falado. - Falta rever todos os textos, entrelinhamentos, alguns tamanhos de letra e outros detalhes de leitura e visuais (fazemos no final de tudo) - Pesquisa ainda não funciona -------------- Mobile -------------- SER EXPRESSIALISTA —————————————————————— Manifesto - colocar bodycopy todo do mesmo tamanho. [Está a ser trabalhado] Animação deve seguir a mesma lógica de DESKTOP. [Está a ser trabalhado] Na página "O que é ser Expressialista” e no "Expresso feito com perfeição" há um Bug qualquer - não está a dar para fazer scroll e ver o texto todo OU nem aparece “Ler Mais”, não dá para ver tudo. Isto acontece em mais algumas páginas ao longo do site. [DONE] SABE MELHOR —————————————————————— * No culto da origem não está a dar para abrir as 3 páginas interiores a partir do fundo. porque está a aparecer o logo Delta Q por cima. [DONE] * Na Arte do Blend / A nossa blendagem, acontece o bug de não conseguir ver o scroll até ao fim. [DONE] * Há várias páginas, tem de ser checkadas em que acontece o mesmo que na página O que é Ser Expressialista? - texto não está a descer nem tem “Ler Mais” [DONE] * Em todas as páginas desta área, falta ter a seleção de conteúdo por cima das imagens. [DONE] SUSTENTABILIDADE —————————————————————— * sub menu de área: não pretendemos daquela forma vertical, é para ser horizontal - ver maquete [DONE] * RECICLAGEM: falta a 2ª página, tal como Desktop. Tem bug (não deixa fazer todo o scroll) [DONE] OFICINA DO CAFÉ —————————————————————— * ENTRADA - Fundo é suposto animar automaticamente, tal como deixámos descrito na apresentação - é uma espécie de slideshow com 3 imagens que fazem as 3 metades da chávena de café. Como está é muito estranho. [Ainda estou a trabalhar nesta entrada] * SUB-MENU - mesmo comportamento horizontal, conforme todos os submenus que criámos para MOBILE. [DONE] * A CRUZ nas páginas deve levar para o SUBMENU, não para a ENTRADA. [DONE] * Em todas as páginas desta área, os copies estão alinhados à esquerda. É suposto estarem centrados, como em todo o site. [DONE] * Nos Pairings e Receitas, é precisa a cruz para sair do conteúdo e voltar ao submenu de área, porque as pessoas não devem só ter a opção de ir ao ao menu central para ir para outros conteúdos. [DONE] * Na entrada das receitas, cumprir melhor a maquete (arejar espaço para ter o submenu de ícones, tirar o copy Receitas por cima das estações) [DONE] Sat Nov 18 --------------------------------------------------------------- HOMEPAGE —————————————————————— - Clique em “ser Expressialista” no menu de footer tem de levar para manifesto. Neste momento, clique n leva para lado nenhum. [DONE] - No menu Ser Expressialista / Manifesto, clique está a levar para homepage. Tem de levar para primeira página do manifesto. [DONE] - Ainda não tínhamos falado disto, mas faz sentido o menu de footer da home também ter efeito de highlight quando se faz mouse over em cada opção. [DONE] MENU GERAL —————————————————————— - Falta aparecer o ponteiro em mouse over nos títulos de menu, a indicar que são clicáveis. [DONE] SABE MELHOR —————————————————————— - Falta animação dos dogmas, conforme falado, com a ilustração a aparecer em várias partes, rapidamente. [WIP] - menu de ícones “salta” quando se navega entre páginas. SUSTENTABILIDADE —————————————————————— - Falta 2ª parte da Reciclagem [DONE] - Falta SlideSHow de imagens (Reciclagem, Economia Circular, Outras iniciativas) [DONE] - NA entrada, a seta de scroll down não precisa de mexer. [DONE] - Não tínhamos ainda falado disto. No Delta Q Recicla, faltam hyperlinks. Aproveito para mandar os que sei (NÃO sei qual o link para Vila Nova de Gaia). [DONE] https://deltacoffeehouse.com/avenida-lisboa/ [DONE] https://deltacoffeehouse.com/prata-lisboa/ [DONE] https://deltacoffeehouse.com/bolhao-porto/? [DONE] OFICINA DO CAFÉ —————————————————————— - Todas as páginas Pairings, Receitas e Prova não tem a cruz para sair. Ao sair, devemos ir dar ao submenu de área. [DONE] —————————————————————— Receitas - enquadrar melhor as imagens de entrada das receitas de Outono e Inverno, no fundo, puxar imagens todas um pouco para cima para se ver um pouco mais do copo. [DONE] - faltam os textos introdutórios em todas as receitas (costuma ser 1, 2 linhas), estão só ingredientes e preparação. [DONE] - texto da preparação deve ter quebra de linha a cada passo, 1, 2, 3,…. OK, menos no smoothie Bowl. [DONE] Fri Nov 17 --------------------------------------------------------------- Geral - Fix Layout Menu (Desktop e Mobile) - Comportamento do menu mobile - em mobile não existe mouse hover, logo o primeiro click abre o menu e o segundo linka para a respectiva área Pesquisa - Ainda em desenvolvimento Sustentabilidade - Scroll horizontal - Fix Modal close - Textos centrados Receitas - Scroll horizontal em mobile Prova - Ainda não foram enviados os videos --------------------------------------------------------------- Geral - Icon da mão nos links do menu Tue Nov 14 08:22:41 WET 2023 --------------------------------------------------------------- Homepage (https://expressialista.test/) o que é ser expressialista? / um expresso feito com perfeição Open in modal fix menu anchors ------ https://expressialista.test/ o que é ser expressialista? // um expresso feito com perfeição https://expressialista.test/sabe-melhor/ SER EXPRESSIALISTA --------------------------------------------- - Animação "Ler mais" - Posição do botão de fechar (mobile e desktop) - Parallax SABE MELHOR --------------------------------------------- - Icons de navegação - Mouse hover e click Em falta - "Salto no icons" SUSTENTABILIDADE --------------------------------------------- - Distrinuição contínua do conteúdo (cards) - Animação "Ler mais" Em falta - Scroll horizontal OFICINA DO CAFÉ --------------------------------------------- - Pairings - fixação do copo - Receitas - introdução do conteúdo de vídeo - Receitas - Texto da receita