index.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Tatiana Inama - Resume</title>
  6. <meta name="Tatiana Inama" content="Resume">
  7. <link rel="stylesheet" href="styles.css">
  8. <link href="http://fonts.googleapis.com/css?family=Lora:400i|Raleway:400,600,700" rel="stylesheet" type="text/css">
  9. </head>
  10. <body>
  11. <div class="wrapper">
  12. <div></div>
  13. <div class="sidebar-wrapper">
  14. <h1 class="ti-name">
  15. Tatiana Inama
  16. </h1>
  17. <small>
  18. Fullstack Javascript Developer.<br>
  19. UX/UI enthusiast.<br>
  20. Self-taught designer.<br>
  21. Loves dogs and coffee.
  22. </small>
  23. <div class="sidebar-section">
  24. <h5>Personal Information</h5>
  25. <p>
  26. <span>Date of birth</span>
  27. 15/05/1992
  28. </p>
  29. <p>
  30. <span>Place of birth</span>
  31. Buenos Aires - Argentina
  32. </p>
  33. <p>
  34. <span>Contact</span>
  35. tatii.oxo@gmail.com
  36. </p>
  37. </div>
  38. <div class="sidebar-section">
  39. <h5>Skills</h5>
  40. <h6 class="skill-class">Languages</h6>
  41. <div class="skill">
  42. <span>Javascript</span>
  43. <div class="skill-bar">
  44. <div class="skill-knowledge" style="width: 90%"></div>
  45. </div>
  46. </div>
  47. <div class="skill">
  48. <span>HTML5</span>
  49. <div class="skill-bar">
  50. <div class="skill-knowledge" style="width: 90%"></div>
  51. </div>
  52. </div>
  53. <div class="skill">
  54. <span>CSS3</span>
  55. <div class="skill-bar">
  56. <div class="skill-knowledge" style="width: 90%"></div>
  57. </div>
  58. </div>
  59. <h6 class="skill-class">Frameworks</h6>
  60. <div class="skill">
  61. <span>AngularJS</span>
  62. <div class="skill-bar">
  63. <div class="skill-knowledge" style="width: 90%"></div>
  64. </div>
  65. </div>
  66. <div class="skill">
  67. <span>Angular 2</span>
  68. <div class="skill-bar">
  69. <div class="skill-knowledge" style="width: 40%"></div>
  70. </div>
  71. </div>
  72. <div class="skill">
  73. <span>React</span>
  74. <div class="skill-bar">
  75. <div class="skill-knowledge" style="width: 75%"></div>
  76. </div>
  77. </div>
  78. <div class="skill">
  79. <span>React Native</span>
  80. <div class="skill-bar">
  81. <div class="skill-knowledge" style="width: 40%"></div>
  82. </div>
  83. </div>
  84. <div class="skill">
  85. <span>Ionic</span>
  86. <div class="skill-bar">
  87. <div class="skill-knowledge" style="width: 40%"></div>
  88. </div>
  89. </div>
  90. <div class="skill">
  91. <span>Bootstrap</span>
  92. <div class="skill-bar">
  93. <div class="skill-knowledge" style="width: 100%"></div>
  94. </div>
  95. </div>
  96. <div class="skill">
  97. <span>SASS</span>
  98. <div class="skill-bar">
  99. <div class="skill-knowledge" style="width: 80%"></div>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="sidebar-section">
  104. <h5>Languages</h5>
  105. <h6 class="skill-class">The other ones</h6>
  106. <div class="skill">
  107. <span>Spanish</span>
  108. <div class="skill-bar">
  109. <div class="skill-knowledge" style="width: 100%"></div>
  110. </div>
  111. </div>
  112. <div class="skill">
  113. <span>English</span>
  114. <div class="skill-bar">
  115. <div class="skill-knowledge" style="width: 90%"></div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="main-wrapper">
  121. <h2>Experience</h2>
  122. <div class="experience-wrapper">
  123. <h3>Jampp</h3>
  124. <h6>
  125. Fullstack Javascript developer<br>
  126. August 2017 - Current
  127. </h6>
  128. <p>
  129. Jampp is a demand-side platform that combines behavioral data with predictive and programmatic technology to help advertisers acquire and engage mobile app customers.
  130. <br>Most of my responsabilities are
  131. </p>
  132. <ul>
  133. <li>Create a new Dashboard in NodeJS and React based on the old one</li>
  134. <li>Create wireframes, prototypes and flows to effectively communicate interactions and design ideas</li>
  135. <li>Develop features using Javascript, HTML5 and CSS3</li>
  136. <li>Work alongside with core, data science and design teams</li>
  137. <li>Active participation in product definition (Design Thinking)</li>
  138. </ul>
  139. <h4>Technologies used:</h4>
  140. <ul class="technology-list">
  141. <li>React</li>
  142. <li>NodeJS</li>
  143. <li>HTML5</li>
  144. <li>CSS3</li>
  145. <li>SASS</li>
  146. </ul>
  147. </div>
  148. <div class="experience-wrapper">
  149. <h3>Musimundo - NEC</h3>
  150. <small>Hexacta</small>
  151. <h6>
  152. Ssr. Javascript<br>
  153. June 2017 - August 2017
  154. </h6>
  155. <p>
  156. The main objective of this project was to redefine the user/client experience in the sales process of Musimundo. To achieve this, we first defined a discovery stage, where we worked on two fronts:
  157. </p>
  158. <ul>
  159. <li>UX/CX Analysis: Analysis of the current process and defining the different customer and user archetypes, the current POS and requirements.</li>
  160. <li>Technical Side: Definition of the new architecture (the current solution is 4gl), analysis of the headquarters and branches infrastructure, etc.</li>
  161. </ul>
  162. <h4>Technologies used:</h4>
  163. <ul class="technology-list">
  164. <li>Angular 2</li>
  165. <li>Typescript</li>
  166. <li>HTML5</li>
  167. <li>CSS3</li>
  168. <li>SASS</li>
  169. </ul>
  170. </div>
  171. <div class="experience-wrapper">
  172. <h3>Lectoramas</h3>
  173. <small>Hexacta</small>
  174. <h6>
  175. Ssr. Fullstack Javascript developer<br>
  176. April 2017 - June 2017
  177. </h6>
  178. <p>
  179. The project involved a multi-platform app to read and listen to non-fiction book summaries. The platform consists of a back-office web app and a mobile end-user app.
  180. </p>
  181. <h4>Technologies used:</h4>
  182. <ul class="technology-list">
  183. <li>React-Native</li>
  184. <li>React</li>
  185. <li>HTML5</li>
  186. <li>CSS3</li>
  187. <li>NodeJS</li>
  188. <li>MongoDB</li>
  189. </ul>
  190. </div>
  191. <div class="experience-wrapper">
  192. <h3>Prescient Traveler</h3>
  193. <small>Hexacta</small>
  194. <h6>
  195. Ssr. Fullstack Javascript developer<br>
  196. March 2015 - April 2017
  197. </h6>
  198. <p>
  199. Prescient Traveler is a platform for monitoring and assisting people who are traveling around the world. The platform consists of a mobile application that travelers use, a web monitoring application that is used at the control center and a backoffice application used to generate content for the mobile application.
  200. The platform allows Prescient Traveler to know where people are located and provides information to travelers related to ther location, potential threats, risks, etc.
  201. </p>
  202. <h4>Technologies used:</h4>
  203. <ul class="technology-list">
  204. <li>AngularJS</li>
  205. <li>NodeJS</li>
  206. <li>MongoDB</li>
  207. <li>HTML5</li>
  208. <li>CSS3</li>
  209. </ul>
  210. </div>
  211. <p class="new-page"></p>
  212. <div class="experience-wrapper">
  213. <h3>HAT - Hexacta Architecture Team</h3>
  214. <small>Hexacta</small>
  215. <h6>
  216. Intern<br>
  217. June 2014 - March 2015
  218. </h6>
  219. <p>
  220. The HAT main objective is to provide advice and solutions to Hexacta's (technical) project-managers on architectural and design decisions, technologies and frameworks to use, improving product quality and productivity.
  221. </p>
  222. <h4>Technologies used:</h4>
  223. <ul class="technology-list">
  224. <li>AngularJS</li>
  225. <li>NodeJS</li>
  226. <li>Java</li>
  227. <li>MongoDB</li>
  228. <li>SQL</li>
  229. <li>HTML5</li>
  230. <li>CSS3</li>
  231. </ul>
  232. </div>
  233. <div class="experience-wrapper">
  234. <h3>ESPECIFICOS Buenos Aires</h3>
  235. <h6>
  236. Graphic Designer / UX-UI Designer / Web Developer<br>
  237. June 2014 - Current
  238. </h6>
  239. <p>
  240. ESPECIFICOS Buenos Aires is a professional skin care brand from Buenos Aires, Argentina. My main job was to create a visual identity and communicate ideas that inspire, inform and captivate costumers.
  241. <br>Most of my responsabilities are:
  242. </p>
  243. <ul>
  244. <li>Create, update and maintain packaging templates and mock-ups</li>
  245. <li>Conceptualize and develop innovative designs that maintain brand consistency</li>
  246. <li>Create emails/templates for newsletters and general communication</li>
  247. <li>Design and implement creative graphics for marketing and advertisement</li>
  248. <li>Create and maintain the official webpage</li>
  249. </ul>
  250. <h4>Software used:</h4>
  251. <ul class="technology-list">
  252. <li>Adobe Illustrator</li>
  253. <li>Adobe Photoshop</li>
  254. <li>Adobe inDesign</li>
  255. </ul>
  256. </div>
  257. </div>
  258. </div>
  259. </body>
  260. </html>