EmmanuelAAM.github.io/mayo.html at master · EmmanuelAAM/EmmanuelAAM.github.io · GitHub

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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">

<head>
	<title>Bitacora Mayo</title>
	<!-- meta-tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Wool Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
	SmartPhone Compatible web template, free web designs for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
	<script type="application/x-javascript">
		addEventListener("load", function() {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- //meta-tags -->
	<!-- Custom Theme files -->
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/font-awesome.css" rel="stylesheet">
	<!-- font-awesome icons -->
	<!-- //Custom Theme files -->
	<!-- js -->
	<script src="js/jquery-1.11.1.min.js"></script>
	<!-- //js -->
	<!-- web-font -->
	<link href='//fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
	<!-- //web-font -->
</head>

<body>
	<!-- header -->
	<div class="header">
		<div class="container">
			<div class="header-nav w3">
				<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<h1><a class="navbar-brand" href="index.html"><span>B</span>ítacora</a></h1>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li class="hvr-bounce-to-bottom active"><a href="index.html">Home</a></li>
							<li class="hvr-bounce-to-bottom"><a href="about.html">About</a></li>
							<li class="hvr-bounce-to-bottom"><a href="blog.html">Blog</a></li>
						</ul>
					</div>
					<!-- //navbar-collapse -->
				</nav>
			</div>
		</div>
	</div>
	<!-- //header -->
	<!-- about -->
	<div class="about">
		<div class="container">
			<h2>Newsletter</h2>
			<div class="w3layouts-text">
				<img src="images/newsletter.png" alt=" " class="img-responsive" />
				<p>La promoción por correo se utilizan en su mayoría para informar al usuario interesado , los correos utilizados de este modo, normalmente son adquiridos por los mismos usuarios que se inscriben para ser informados o en la suscripción de páginas, los encontramos en sus tres modalidades:
<p class="a_izquierda">-newsletter (boletines): es un boletín informativo, que normalmente son publicidades que buscan informar y tienen cierta periodicidad, esto quiere decir que pueden tener una regularidad diaria, semanal, mensual, anual, etc.  Normalmente estos artículos, boletines contienen información referente a un artículo, marca o página suscrito
<br>-mailling:  cosas pequeñas, concisas, que van al grano, de lo contrario se les considera de carácter gubernamental o empresarial, pueden tener adjuntos, pdf, imagenes, screenshots y un link que contiene url visible.
<br>-e-mail marketing: es un correo donde tiene links de acceso a compra, estos son altamente ilustrativos, poco contenido textual, de carácter sugerente, por ejemplo los de amazon, wish, etc.

<br>Ventajas:<br>
-mantener el producto o marca presente en la mente del usuario <br>
- aunque no es una herramienta de venta directa, en la mayoría de los casos se puede influir en la decisión del público y generar mayores ventas<br>
-son de bajo costo económico por lo tanto  empresas, microempresas y personas pueden utilizarlos<br>
-es una fuente más grande de flujo de tráfico que una web o un blog, porque las personas siempre tienen presente el correo eléctronico<br>
-este canal de comunicación es una forma eficaz de conocer el público presente en la marca<br>
-se puede considerar uno de los mejores canales de venta y presenta una mejor estrategia a la hora de presentarse al público, porque puede ser de carácter personalizado y generar en sí un vínculo
				 </p>
</p>
			</div>
		</div>
	</div>

	<div class="about">
		<div class="container">
			<h2>Diagramación</h2>
			<div class="w3layouts-text">
				<img src="images/diagramacion.jpg" alt=" " class="img-responsive" />
				<p>Realización del diagrama de las páginas de un libro, revista o periódico o multimedia digital.<br>
				La diagramación, también llamada a veces maquetación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.</p>
			</div>
		</div>
	</div>

	<div class="about">
		<div class="container">
			<h2>Manual De Marca</h2>
			<div class="w3layouts-text">
				<img src="images/manualMarca.png" alt=" " class="img-responsive" />
				<p>El Manual tiene como fin recoger los elementos de identidad gráfica y la gama de aplicaciones de uso más generalizado.
Define la denominación, la tipografía y los colores corporativos se utilizán para todos los documentos que se editen
Las normas contenidas en estos documento deben respetarse y mantenerse constantes, a fín de facilitar una difusión única y reforzar y asentar definitivamente su Identidad Visual.</p>
			</div>
		</div>
	</div>

	<div class="about">
		<div class="container">
			<h2>Mapa Del Sitio</h2>
			<div class="w3layouts-text">
				<img src="images/mapaDelSitio.jpg" alt=" " class="img-responsive" />
				<p>Un mapa de sitio web (o mapa de sitio o mapa web) es una lista de las páginas de un sitio web accesibles por parte de los buscadores y los usuarios. Puede ser tanto un documento en cualquier formato usado como herramienta de planificación para el diseño de una web como una página que lista las páginas de una web (ya realizada), organizadas comúnmente de forma jerárquica. Esto ayuda a los visitantes y a los bots de los motores de búsqueda a hallar las páginas de un sitio web.</p>
			</div>
		</div>
	</div>

	<div class="about">
		<div class="container">
			<h2>Empathy map</h2>
			<div class="w3layouts-text">
				<img src="images/empathyMap.jpg" alt=" " class="img-responsive" />
				<p>Nace con el objetivo de conocer los gustos del cliente y hacer que se relacione con una marca, es un estudio a pequeña escala del mercado de alrededor de 20 clientes.

Se utiliza para saber que quiere el cliente, qué lo motiva, cómo podemos hacernos con los clientes.


Población de estudio , edades, género, profesiones, perfil del cliente seleccionado, nombre.


En el empathy map

Oir: qué es lo que escuchan las personas, que dicen los influencers

Pensar y sentir: que expresa, qué emociones le da, que le importa del producto, cuales son las expectativas, observar a las personas directamente, prestando atención a sus creencias, emociones, leguaje corporal, tono de voz, palabras que utiliza.

Ver: que productos he visto semejantes, qué tipo de ofertas, qué problemas ven que se presentan

Decir y hacer: que les dicen los demás, cuál es la actitud del público ante el producto y quienes los influencian

Pain: que los frustra, cuales son sus miedos al usar un producto nuevo, qué obstáculos presentes en x producto

Gain: que ganan al adquirir el producto, llena las necesidades del cliente, le ayuda con algunos obstáculos, les ayuda a sentirse más cómodos, qué se puede lograr, cómo se puede medir el éxito, qué lo motivo a adquirir el producto</p>

			</div>
		</div>
	</div>
	<div class="about">
		<div class="container">
			<h2>Emphaty Map Realizado para página de Viajes</h2>
			<div class="w3layouts-text">
				<img src="images/empMapS.png" alt=" " class="img-responsive" />
				<img src="images/emp.png" alt=" " class="img-responsive" />
				<p></p>
			</div>
		</div>
	</div>


	<!-- //about -->
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="footer-agileitsrow">
				<div class="col-md-3 footer-grid">
					<h3>Información</h3>
					<p>Bítacora Diseño Web 2017</p>
				</div>
				<div class="col-md-3 footer-grid">
					<h3>Social Media</h3>
					<ul>
						<li><a href="https://www.facebook.com/3MM4NU31.4CUNA.M0R4"><i class="fa fa-facebook" aria-hidden="true"></i> Facebook</a></li>
						<li><a href="https://twitter.com/emma_acuna"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a></li>
						<li><a href="https://plus.google.com/u/0/110660169482271518682"><i class="fa fa-google" aria-hidden="true"></i> Google+</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-grid">
					<h3>Useful Info</h3>
					<ul>
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-grid">
					<h3>Contact Us</h3>
					<p>Emmanuel Acuña Mora</p>
					<div class="footer-grid-address">
						<p>Tel.89687605</p>
						<p>Email: <a class="email-link" href="mailto:emanuel.acuna.mora">Example.com</a></p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="copy-right">

	</div>
	<!-- //footer -->
	<!-- start-smooth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event) {
				event.preventDefault();

				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!-- //end-smooth-scrolling -->
	<!-- smooth-scrolling-of-move-up -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear'
			};
			*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<!-- //smooth-scrolling-of-move-up -->
	<!-- for bootstrap working -->
	<script src="js/bootstrap.js">
	</script>
	<!-- //for bootstrap working -->
</body>

</html>