105. Setup Inicial
Eu inicio criando um projeto novo no Framer (Ctrl+N) e já configuro tudo no workspace: troco a linguagem para português, renomeio o projeto para setfin e copio title e description do site atual do cliente. Ajusto preferências de acessibilidade e movimento, tranco as opções necessárias e começo a montar a identidade visual pegando o logo quadrado do layout, aplicando as cores principais e exportando versões em PNG para light e dark. Organizo os ativos e deixo a parte inferior da página intacta por enquanto. Em seguida publico o site para poder criar o domínio setfin.frame.website e confirmo que está disponível. Não mexo em redirect, forms nem usage plans neste momento, apenas em general. Crio um design chamado “mesa”, uso o plugin do Framer para copiar estilos já salvos, pego as variáveis de cores no Figma e colo no projeto para facilitar o setup. Renomeio tudo corretamente e parto para criar o style guide, que vai padronizar cores, tipografia e componentes para o restante do site. Termos: - Framer: ferramenta para criar sites e protótipos visuais. - Workspace: espaço do projeto onde ficam arquivos e configurações. - Plugin: extensão que adiciona funcionalidades extras ao Framer. - Style guide: guia visual com padrões de cores, tipografia e componentes. - Export PNG: salvar imagens em formato PNG para usar no site. - Domínio / Publish (publicar): processo de colocar o site online e vincular um endereço. - Clipboard: área temporária onde textos ou objetos são copiados antes de colar. - Variáveis de cor: valores nomeados que representam cores usadas no projeto.
Comentários
Eu inicio criando um projeto novo no Framer (Ctrl+N) e já configuro tudo no workspace: troco a linguagem para português, renomeio o projeto para setfin e copio title e description do site atual do cliente. Ajusto preferências de acessibilidade e movimento, tranco as opções necessárias e começo a montar a identidade visual pegando o logo quadrado do layout, aplicando as cores principais e exportando versões em PNG para light e dark. Organizo os ativos e deixo a parte inferior da página intacta por enquanto. Em seguida publico o site para poder criar o domínio setfin.frame.website e confirmo que está disponível. Não mexo em redirect, forms nem usage plans neste momento, apenas em general. Crio um design chamado “mesa”, uso o plugin do Framer para copiar estilos já salvos, pego as variáveis de cores no Figma e colo no projeto para facilitar o setup. Renomeio tudo corretamente e parto para criar o style guide, que vai padronizar cores, tipografia e componentes para o restante do site. Termos: - Framer: ferramenta para criar sites e protótipos visuais. - Workspace: espaço do projeto onde ficam arquivos e configurações. - Plugin: extensão que adiciona funcionalidades extras ao Framer. - Style guide: guia visual com padrões de cores, tipografia e componentes. - Export PNG: salvar imagens em formato PNG para usar no site. - Domínio / Publish (publicar): processo de colocar o site online e vincular um endereço. - Clipboard: área temporária onde textos ou objetos são copiados antes de colar. - Variáveis de cor: valores nomeados que representam cores usadas no projeto.
Comentários
Eu inicio criando um projeto novo no Framer (Ctrl+N) e já configuro tudo no workspace: troco a linguagem para português, renomeio o projeto para setfin e copio title e description do site atual do cliente. Ajusto preferências de acessibilidade e movimento, tranco as opções necessárias e começo a montar a identidade visual pegando o logo quadrado do layout, aplicando as cores principais e exportando versões em PNG para light e dark. Organizo os ativos e deixo a parte inferior da página intacta por enquanto. Em seguida publico o site para poder criar o domínio setfin.frame.website e confirmo que está disponível. Não mexo em redirect, forms nem usage plans neste momento, apenas em general. Crio um design chamado “mesa”, uso o plugin do Framer para copiar estilos já salvos, pego as variáveis de cores no Figma e colo no projeto para facilitar o setup. Renomeio tudo corretamente e parto para criar o style guide, que vai padronizar cores, tipografia e componentes para o restante do site. Termos: - Framer: ferramenta para criar sites e protótipos visuais. - Workspace: espaço do projeto onde ficam arquivos e configurações. - Plugin: extensão que adiciona funcionalidades extras ao Framer. - Style guide: guia visual com padrões de cores, tipografia e componentes. - Export PNG: salvar imagens em formato PNG para usar no site. - Domínio / Publish (publicar): processo de colocar o site online e vincular um endereço. - Clipboard: área temporária onde textos ou objetos são copiados antes de colar. - Variáveis de cor: valores nomeados que representam cores usadas no projeto.
Comentários
Chiron
Cliente Real: Website
Chiron
Cliente Real: Website
Chiron
Cliente Real: Website

Especialista

Olá 👋,
aluno(a)
Aqui é o Will, em que posso ajudar?
Sugestões & Feedbacks
