IMG_8433.jpeg

Selino

he / him / his

Product Designer
& Developer

  • Crafting innovative designs and rock solid components for enterprise software

  • Collaborating on Design Systems & Design Operations (DesOps)

  • Helping other BIPOC survive & thrive in tech

Figma Logo.png

After years of Sketch I've moved over to Figma. The collaboration, link sharing, and API integrations have made it perfect for my goals.

react logo.png

The functional programming approach resonates with me and React has been a flexible yet powerful  prototyping tool.

storybook logo.png

Designers, engineers, and stakeholders all using the same "single source of truth". That's my current goal with Storybook.

poop.jpg

STACK

What's in my toolset?

PRODUCT DESIGN

DESIGN SYSTEMS

JAVASCRIPT

HTML/CSS

REACT

MONGO DB, POSTGRES

FIREBASE

Product Design - Affinity, Figma, Framer, Invision, Sketch

Design Systems - Figma UIKits, Sketch UIKits, Storybook, Zeplin

 

Code - Git, React Developer Tools, Redux Tools, VSCode

Management - Atlassian, Certified Scrum in Agile, Clubhouse, MS Teams, Slack, Things

 
 

Portfolio

Integrated Design System DEMO for Clariture Health
10+ years of Product Design, Web Design, and Coding UI

My Journey

2018

The Cycling Year
B46BB7A0-1810-46CB-8E72-FAF251A7C636.jpe

Sabatical

After 4 years of helping Clariture Health get to  a successful acquisition I decided to take a break from work. I signed up for cycling events in London, Paris, and Honolulu. While my performance in Europe was a bit lacking, I took 5th on the day in Hawaii! Months of diet and training paid off as I wrapped up a once-in-a-lifetime year.

This also gave me room to explore the idea of pivoting deeper into coding. My experience with Angular at Clariture was not good. I needed to make a change. 

2010-2014

FREELANCE & STARTUPS
file1.jpg.png

My 3rd Application Build

I'm an autodidact so building to learn. is my jam. I designed and built Flojuggler, a social menstrual tracking application, to see how far I could push JQuery and SQL.

file0.jpg

San Francisco AIDS Foundation

Giving back to my local community was something I felt was needed. Yes, I got paid, but just enough to pay the rent that month.

Built a 100% Javascript ES5 driven navigation system that is content publishing platform agnostic. I'm still super proud of this work.

Back In The Day

In the Beginning
pastwork.jpeg

Designed and Built Things

Starting out wasn't easy but it was fun! I did a ton of contract work for big companies, explored the boundaries of design/coding/culture, and even launched a couple of startups.

  • IGT showed me how platforms can look a lot like consumer experiences

  • illstatic.com taught me that I could Design and Code

  • Method showed me how to scale commerce systems

  • Wells Fargo introduced me to the finer details for complex email projects

  • Toyota & Scion kicked off my career by allow me to collaborate with some of the best engineers, art directors, and biz dev folks around

2019 - 2020

Leveling Up!
Screen%2520Shot%25202020-04-20%2520at%25

Figma, React, & Storybook

As I stepped back into my work shoes I knew that I had to step up my game. My ES6 was sub par, I'd spent 6+ years in Sketch, and Figma based Design Systems became the standard. So…

  • Finished a MERN bootcamp & built my first React & Redux MVP with Slektor

  • Collaborated with MikaelV to convert my Clariture work into a truly integrated Figma, React, & Storybook Design System 

  • Combined my coding skills & my love of Product Design to pivot toward a Design Operations (DesOps) career

2014-2018

CLARITURE HEALTH
comparison v2 copy 4.png

From startup to acquisition… 🥵

That was a hard 4 years! As the 5th employee and Principle Designer, I put on many hats daily; UX process, product design, branding, pitch decks, building ads systems for marketing, front end implementation with engineering… even signage!

  • Built my first Design System in Sketch, Abstract, and Zeplin

  • Learned how bad I am with Angular

  • Carried LeadGen design into the 2016 Google for Entrepreneurs Finals 🏅

  • Juggled multiple design systems for multiple apps simultaneously

  • Collaborated with some great engineers, marketers, and CEOs

2011-2013

CollabNet
file3.jpg.png

Developing a love for enterprise UI

Lorem

  • UI/UX lead on CloudForge.v1 ( a Development Platform as a Service application with over 100,000 users and 65,000 projects)

  • Design and coding assist on TeamForge Orchestrate (automatic traceability between life-cycle stages, including work items, commits, reviews and builds).

 
 

BIOGRAPHY

"Selino is an ultimate triple-threat. He brings an amazing amount of UX and UI experience to the table along with the technical abilities to make them happen in HTML and Javascript. He's that all-in-one UI guy that is always needed and rarely found."

 

Paul Clegg
Senior Web Developer, 
Collabnet

I'm mostly self taught, bootcamp taught, and team member taught. I have spent the last decade designing in Sketch while building in vanilla JS, frameworks like Angular, and libraries like React.

 

I do not have a CS degree and have not spent a lot of time contemplating the Gang of Four design patterns in C++ or white boarding algorithms to traverse linked lists with O(log n) time complexity. I mean we can talk about it but that's not my jam.

 

My jam is keeping up with UI/UX patterns that are succeeding in enterprise and consumer interfaces, prototyping UI, and then building responsive and elegant components that scale to millions of users within 2-3 week agile release cycles.

 

Let me know if you'd like to collaborate and we'll make it happen.

 

Peace out! ✌🏾


See my code - github.com/Selino
Ride with me - strava.com/athletes/9041269
Hear my music - selinovaldes.bandcamp.com 

Community
2KxJZioX.png
BITlogo.png
Unknown.png
latino tech.png
 
IMG_8436.jpeg
STAY CURIOUS
CONTACT

Please feel free to contact me with any questions or concerns. I'll do my best to get back to you ASAP.

  • github-white
  • White LinkedIn Icon

Thanks for reaching out! I'll get back to you as soon as possible.