Sergio Ruiz

UX Engineer • FrontEnd Dev • UI Lover

Profile Details
I'm a UX Engineer in love with React + Typescript and UI + Figma. I Medellín
currently work on @uiguideline. I have been employed in the tech Colombia
industry since 2012, holding multiple Frontend engineering positions +57 3102923387
at big IT companies such as Deloitte, Manpower, and IBM. sergioruizdavila@gmail.com

In recent years, I have been working at Startups, being part of the

Links
founder team, and contributing to obtaining their first rounds of
LinkedIn
investment (Seed Capital, Series A).
Github
Twitter
Featured own Projects:

UIGuideline - Over 3000 subscribers on launch day, and Languages

counting. ($380 MRR). Spanish

Stylepill - We got to #1 on Product Hunt. We received $15.000 as seed English

capital.
Steroidesign - top #4 in GitHub trends for 1 week.
Hobbies
In my free time, I do streaming
Experience on Twitch, and I am part of the
Creator at UI Guideline, Barcelona Indie Creators HQ community:
July 2020 — Present https://twitch.tv/serudda
We run the UI Guideline project in order to start a process that should
have started many years ago: Standardize the design and development
of the UI Components.

Responsibilities:

• Define the project core structure (Frontend and Backend).

• Define the Tech stack that allows us to scale quickly but without
affecting our premise of launching weekly releases.
• Define the UI Guideline's Design System and UI Kit on Figma and
StorybookJS.
• Constant communication with the early adopters in order to
receive their feedback and define future features.
• Research/Standardize UI components based on our Reference
Systems (e.g. Atlassian Design System, Material Design, UX
Mailchimp, etc).

Tech stack:

React 16.13.1 · Typescript 3.7.2 · GraphQL 15.0.0 · Apollo Client 2.6.10

· StorybookJS 6.0.0 · TailwindCSS 1.4.6 · Hasura 1.2.1

Tools:

Design: Figma and Sketch, Code: Visual Code, Monitoring platform:

Sentry, User events tracker: Mixpanel.

Design System Lead at Eden, Mexico

April 2021 — Present
Eden is a leading Mexican company in health technology that,
since 2016, specializes in advanced digital solutions for radiology
and healthcare. Their commitment to innovation, simplicity, and
continuous improvement has led them to develop industry-leading
tools. This Health Tech company serves over 5 million patients in 12
Latin American countries, processing more than 1.5 million medical
images daily.

Responsibilities:

- Be responsible for establishing the connection between the Product

team (design) and the implementation team (Frontend).
- Define the UI Components that Eden's products require, framed
within our Design System.
- Implement each UI Component with clean and scalable code. This
includes paying attention to accessibility and following best practices,
based on the most used Design Systems (for example, Material Design,
Atlassian, Polaris, Adobe Spectrum, etc.).
- Assist and actively participate in meetings, whether from the Product
team or the Implementation team, with the purpose of evaluating the
feasibility of new requirements.

Tech stack:
- React 17.0.2
- Typescript 4.6.4
- StorybookJS 6.4.22
- TailwindCSS 3.0.24
- Rollup 2.72.0

Tools:
- Design: Figma.
- Code: Visual Code.

Base Books and References:

- Refactoring UI by Steve Schoger.
- v2.uiguideline.com
- Material Design, Atlassian Design System, Polaris, Primer, Marvel,
Zendesk Garden among others.

Lead UX Engineer / Front End at Mi Águila, Remote

February 2019 — July 2020
Mi Águila is a transportation technology company focused on driving
digital transformation in the corporate sector, revolutionizing mobility
for businesses and traditional operators in Latin America.

Responsibilities:

• Help team to define best practices on all the development/design

process in order to accelerate the product creation process (as a
UX Engineer).
 • Design their UI kit and organize their core elements (color palette,
typography, logo, etc.). I could say that it would be its Design
System, but a small scale. All the Product Design process, research
and design is here: miaguila-kit-research. (as a UX/UI Designer and
Front End Developer).

Tools:

Angular 7.2.0 · Node Sass 4.12.0 · Tailwind CSS v1.0 · miaguila-kit (ui
library) 0.0.86 · miaguila-kit (theme library) 0.0.87 · Figma · Pencil &
Paper (or swipie).

Lead Front-End Developer / Product Designer at La Haus, Medellin,

Colombia
April 2018 — February 2019
La Haus, Its goal is to overhaul the entire home search and purchase
process, by finding the best alternatives and providing top-quality
service.

Responsibilities:

• Restructure the La Haus' core on the Front-End side, updating

its technology stack: VueJs was included as the main Front-End
Framework.
• Design the styleguide to act as a central location where we house
a live inventory of UI components, brand guidelines, brand assets,
code snippets (helpers), developer guidelines and more.
• Work alongside the team to componentize most of the elements
of the La Haus project: buttons, inputs, filters, search box, modals,
etc.
• Redesign of: Home Page, Onboarding Page, Search Map Page, Real
Estate comparator toots, among others.

Tools:

VueJs 2.5.16 · Bootstrap 4.1.1 · Ruby Sass 3.5 · Sketch 51.3 · Pencil &
Paper.

Education
System Engineer, Universidad del Magdalena, Santa Marta,
Colombia
January 2005 — January 2011

Resolution of Imperative Algorithms, Universidad Nacional de San

Juan, San Juan, Argentina
December 2011 — December 2012