🧭 Perfil Completo para Criação de Webpage Temática — Artes do Sul

Este documento consolida a identidade corporativa, proposta de valor, engenharia técnica, metodologia e diretrizes de design extraídas da documentação oficial do projeto:

1. 🏛️ Identidade & Posicionamento da Marca

  • Nome do Studio: Artes do Sul — Studio de Criação Digital & Soluções para Internet
  • Slogan / Assinatura: “Soluções para Internet com Arte 🧭”
  • Localização / Origem: Bombinhas, Santa Catarina — Brasil
  • Bagagem & Solidez: Mais de 25 anos de experiência no mercado empresarial de tecnologia e design
  • Arquétipo de Marca: O Criador + O Especialista/Mago (União de rigor técnico, engenharia sólida e sensibilidade estética/artística)
  • Tom de Voz: Profissional, acolhedor, transparente, consultivo e focado em resultados tangíveis de negócio

2. 🎯 Propósito, Missão, Visão e Valores

📖 Princípio e Filosofia de Base

“No princípio era o Verbo, e o Verbo estava com Deus, e o Verbo era Deus… Nele estava a vida, e a vida era a luz dos homens.” — João 1:1-4 (index.md)

🎯 Missão (mission.md)

Desenvolver soluções criativas e eficazes para a internet combinando tecnologia de ponta, design inovador e planejamento estratégico, garantindo a satisfação do cliente e o crescimento sustentável de seus negócios no ambiente digital.

👁️ Visão (vision.md)

Ser reconhecido como um estúdio de referência técnica, inovador e confiável na criação de soluções digitais de alto impacto, capacitando empresas e empreendedores a prosperarem com relevância e autoridade no ambiente online.

💎 Valores Centrais (values.md)

  1. Qualidade: Rigor artesanal em cada linha de código, design e usabilidade.
  2. Inovação: Aprendizado contínuo, adoção de IA, automações e tendências modernas de mercado.
  3. Transparência: Comunicação direta, alinhamento honesto de escopo, custos e prazos.
  4. Flexibilidade: Soluções customizadas sob medida para a realidade de cada parceiro.
  5. Prazos & Compromisso: Gestão ativa e visual (Trello/Sprints) com entrega no tempo acordado.
  6. Colaboração: Trabalho a quatro mãos (Design Thinking, workshops e cocriação).

3. 🧩 Matriz Estratégica 5W2H

Dimensão Pergunta Resposta Estratégica Artes do Sul Arquivo Fonte
WHO Quem somos? Studio de tecnologia e design em Bombinhas/SC com +25 anos de experiência, combinando visão de produto, engenharia de software e marketing. who.md, sobre.md
WHAT O que fazemos? Websites sob medida, portais institucionais, e-commerces, dashboards, integrações de APIs, otimização SEO e design systems. what.md, about.md
WHY Por que estar online? A internet é ativa 24/7. Presença digital gera credibilidade instantânea, alcance global, novos leads e retorno sobre investimento superior às mídias tradicionais. why.md, about.md
WHEN Quando começar? O melhor momento foi ontem; o segundo melhor momento é agora. A agilidade em estabelecer presença digital antecipa o posicionamento frente aos concorrentes. when.md
HOW Como criamos? Ciclo iterativo em 8 fases: Ideia ➔ Pesquisa ➔ Protótipo ➔ Design ➔ Desenvolvimento ➔ Revisão ➔ Teste ➔ Publicação & Pós-lançamento. how.md
HOW MUCH Quanto custa? Orçamento consultivo e sob medida de acordo com escopo, complexidade de infraestrutura, integrações e design. about.md
WHERE Onde atuamos? Base em Bombinhas/SC com atendimento global remoto (nacional e internacional). who.md, about.md

4. 🛠️ Stack Tecnológica & Padrões de Engenharia

💻 Tecnologias & Ferramentas (who.md, sobre.md)

  • Frontend & Estática: HTML5 Semântico, CSS3 Moderno, JavaScript ES6+, Astro, React, Next.js, jQuery.
  • SSG & CMS: Jekyll, Hugo, MkDocs, WordPress, Headless CMS.
  • Backend & Banco de Dados: PHP, .NET, MySQL, Microsoft SQL Server (MSSQL), REST APIs.
  • Metodologias de Concepção: Design Thinking, Mapas Mentais, Modelagem UX/UI, Prototipação Rápida.

🛡️ Engenharia, Segurança & Desempenho (sobre.md)

  • Core Web Vitals: Foco em LCP (Largest Contentful Paint), INP (Interaction to Next Paint), CLS (Cumulative Layout Shift) e TTFB otimizado.
  • Acessibilidade: Conformidade com diretrizes WCAG, navegação acessível e tags semânticas.
  • Segurança & Governança: SSL/TLS, proteção de código-fonte, salvaguarda de propriedade intelectual, políticas de backup e camadas de cache/CDN.
  • SEO Técnico: Dados estruturados (schema.org), Open Graph, sitemaps XML, meta tags e indexação acelerada.

5. 🎨 Diretrizes Visuais & Design System para a Webpage Temática

🌈 Paleta de Cores Sugerida

  • Primária (Oceano & Conexão): Azul Profundo / Marinho (#0B192C / #1E3E62) — transmite solidez, mar de Bombinhas e confiabilidade.
  • Secundária / Acento (Sol & Criatividade): Dourado Âmbar / Laranja Solar (#F59E0B / #D97706 / #E85C0D) — energia, arte e inovação.
  • Fundos (Superfícies & Clean): Branco Puro (#FFFFFF) e Cinza Suave (#F8FAFC / #0F172A em Dark Mode).
  • Textos: Cinza Carvão / Ardósia (#1E293B / #334155) para legibilidade ideal.

🖋️ Tipografia Recomendada

  • Títulos (Headings): Fontes geométricas e marcantes (ex: Outfit, Plus Jakarta Sans ou Montserrat).
  • Corpo de Texto (Body): Fontes neutras de alta legibilidade para telas (ex: Inter, Roboto).

🖼️ Assets Hero Identificados

  • Banner Missão / Sobre: /assets/img/about-artesdosul-xarticle-hero.webp
  • Banner Visão: /assets/img/vision-artesdosul-xarticle-hero.webp
  • Banner Valores: /assets/img/values-artesdosul-xarticle-hero.webp
  • Banner Por que estar Online: /assets/img/why-online-xarticle-hero.webp
  • Banner Como Criamos: /assets/img/how-website-xarticle-hero.webp
  • Banner Quando Começar: /assets/img/when-website-xarticle-hero.webp

6. 📐 Arquitetura da Informação para a Webpage Temática

Uma estrutura recomendada para a página única ou hub temático:

graph TD
    A[Hero Header: Artes do Sul + Soluções com Arte] --> B[Seção 1: Quem Somos & +25 Anos de Bagagem]
    B --> C[Seção 2: O Que Fazemos - Portfólio de Serviços]
    C --> D[Seção 3: Por Que Ter Presença Digital - 6 Pilares]
    D --> E[Seção 4: Metodologia - Como Criamos em 8 Passos]
    E --> F[Seção 5: Missão, Visão e Valores]
    F --> G[Seção 6: Stack Tecnológica & Diferenciais de Engenharia]
    G --> H[Seção 7: Quando Começar - Checklist Interativo]
    H --> I[Footer & CTA Principal: WhatsApp / Agendamento / Contato]

⚡ Chamada para Ação Principal (CTA)

  • Link Direto WhatsApp: https://api.whatsapp.com/send?phone=5511973741227&text=Olá,%20tudo%20bem?%20Eu%20gostaria%20de%20agendar%20uma%20conversa%20sobre%20um%20website!
  • E-mail Institucional: araguaci@gmail.com
  • Páginas de Apoio: Design Thinking, Portfólio / Showcase, Curriculum Vitae.

Este perfil consolidado serve como guia definitivo para a redação de copy, estruturação de componentes, styling de CSS e desenvolvimento interativo da webpage temática Artes do Sul.