Sergio Ruiz

UX Engineer • FrontEnd Dev • UI Lover

Profile Details
I'm a UX Engineer in love with React + Typescript and UI + Figma. I currently Medellín, Colombia, +57
work on @uiguideline. I have been employed in the tech industry since 2012, 3102923387
holding multiple Frontend engineering positions at big IT companies such as sergioruizdavila@gmail.com
Deloitte, Manpower, and IBM.
In recent years, I have been working at Startups, being part of the founder Links
team, and contributing to obtaining their first rounds of investment (Seed LinkedIn
Capital, Series A). Github
Twitter
Featured own Projects:
UIGuideline - Over 3000 subscribers on launch day, and counting. ($380 Languages
MRR). Spanish
Stylepill - We got to #1 on Product Hunt. We received $15.000 as seed capital.
English
Steroidesign - top #4 in GitHub trends for 1 week.

Experience Hobbies
Creator at UI Guideline, Barcelona In my free time, I do streaming on
July 2020 — Present
Twitch, and I am part of the Indie
We run the UI Guideline project in order to start a process that should have Creators HQ community:
started many years ago: Standardize the design and development of the UI https://twitch.tv/serudda
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