-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprocesso.html
More file actions
149 lines (131 loc) · 8.06 KB
/
Copy pathprocesso.html
File metadata and controls
149 lines (131 loc) · 8.06 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1CKRK3S37W"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1CKRK3S37W');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="As quatro etapas do processo da MovCode: imersão, arquitetura, desenvolvimento ágil e implantação com suporte.">
<meta name="robots" content="index, follow">
<title>Como trabalhamos | MovCode</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Como trabalhamos | MovCode">
<meta property="og:description" content="As quatro etapas do processo da MovCode: imersão, arquitetura, desenvolvimento ágil e implantação com suporte.">
<meta property="og:image" content="https://movcode.com.br/assets/images/logos/logo-inicio.png">
<meta property="og:url" content="https://movcode.com.br/processo.html">
<meta property="og:locale" content="pt_BR">
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="https://movcode.com.br/processo.html">
<link rel="icon" href="assets/images/icons/favicon.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="site-header">
<div class="container header-container">
<a href="index.html" class="logo">
<span class="logo-mov">Mov</span><span class="logo-code">Code</span><span class="logo-dot">.</span>
</a>
<button class="nav-toggle" type="button" aria-label="Abrir menu" aria-controls="main-navigation" aria-expanded="false">
<span></span>
<span></span>
<span></span>
</button>
<nav id="main-navigation" aria-label="Navegação principal">
<ul>
<li><a href="index.html">Início</a></li>
<li><a href="index.html#sobre">Sobre nós</a></li>
<li><a href="index.html#servicos">Serviços</a></li>
<li><a href="index.html#processo">Como trabalhamos</a></li>
<li><a href="index.html#projetos">Projetos</a></li>
<li><a href="index.html#contato">Contato</a></li>
</ul>
</nav>
</div>
</header>
<div class="nav-overlay" aria-hidden="true"></div>
<main id="main-content">
<section class="page-hero">
<div class="container">
<span class="page-eyebrow">Metodologia</span>
<h1>Como transformamos sua ideia</h1>
<p>Um processo claro e colaborativo, do primeiro diagnóstico ao suporte depois da entrega.</p>
</div>
</section>
<section id="processo">
<div class="container">
<div class="timeline">
<article class="timeline-item">
<h2>Imersão e diagnóstico</h2>
<p>Não começamos a programar sem entender o seu negócio. Mapeamos os gargalos operacionais e identificamos onde a tecnologia gera mais lucro ou economia de tempo.</p>
</article>
<article class="timeline-item">
<h2>Arquitetura e UI/UX</h2>
<p>Desenhamos a solução focando em quem vai usar. Criamos protótipos para validar o fluxo e garantir que o sistema seja intuitivo e rápido.</p>
</article>
<article class="timeline-item">
<h2>Desenvolvimento ágil</h2>
<p>Escrevemos código limpo, escalável e seguro, com entregas constantes para que você acompanhe a evolução em tempo real.</p>
</article>
<article class="timeline-item">
<h2>Implantação e suporte</h2>
<p>Colocamos o projeto no ar e treinamos sua equipe. O suporte é próximo e contínuo, para a solução crescer junto com a sua operação.</p>
</article>
</div>
</div>
</section>
<section class="pagina-cta">
<div class="container">
<div class="cta-final-box">
<h2>Pronto para dar o próximo passo?</h2>
<p>Agende uma conversa e receba um diagnóstico da sua operação digital.</p>
<a href="index.html#contato" class="btn-destaque">Fale com um especialista</a>
</div>
</div>
</section>
</main>
<a href="https://wa.me/5516000000000" data-whatsapp target="_blank" rel="noopener noreferrer" class="whatsapp-btn" aria-label="Falar pelo WhatsApp">
<svg class="whatsapp-btn__icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.06 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.69.63.71.22 1.36.19 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.42-.07-.13-.27-.2-.57-.35z"/><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2 22l5.25-1.38a9.87 9.87 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2zm0 18.15h-.01a8.2 8.2 0 0 1-4.18-1.15l-.3-.18-3.11.82.83-3.04-.2-.31a8.17 8.17 0 0 1-1.25-4.38c0-4.54 3.7-8.23 8.24-8.23a8.2 8.2 0 0 1 8.22 8.24c0 4.54-3.69 8.23-8.24 8.23z"/></svg>
</a>
<footer class="footer-compacto">
<div class="container">
<div class="footer-top">
<div class="footer-identidade">
<a href="index.html" class="logo-menor">
<img src="assets/images/logos/logo-rodape.svg" alt="" width="30" height="30">
<span class="logo-texto">MovCode<span class="ponto">.</span></span>
</a>
<p>Soluções digitais sob medida.</p>
</div>
<div class="footer-contato">
<a href="mailto:contato@movcode.com.br" class="email-link">contato@movcode.com.br</a>
<div class="social-mini">
<a href="https://wa.me/5516000000000" data-whatsapp target="_blank" rel="noopener noreferrer">WhatsApp</a>
<span class="sep">|</span>
<a href="https://www.instagram.com/mov.code/" target="_blank" rel="noopener noreferrer">Instagram</a>
<span class="sep">|</span>
<a href="https://github.com/movcodebr" target="_blank" rel="noopener noreferrer">GitHub</a>
</div>
</div>
</div>
<div class="footer-copy">
<span>© <span id="anoAtual"></span> MovCode. Ribeirão Preto, SP.</span>
<div class="footer-pag">
<a href="politica.html" class="topo-link">Política de Privacidade</a>
<a href="termo.html" class="topo-link">Termos de Uso</a>
<a href="index.html#contato" class="topo-link">Suporte</a>
</div>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>