/design-portfolio

Some bits of my UI+UX design work

Portfolio

The following is some of my work from Try.com.

  1. SEC / FINRA Regulated Trading Exchange
  2. Consumer Mobile app
  3. Internal admin tool + workflow system
  4. UI Component Library
  5. Animation
  6. Information Architecture + wireframing
  7. Desktop Chrome Extension

1. Trading Exchange

Unfortunately this project is confidential and cannot be shared publicly. image

2. Mobile app for Try.com Credit Card

Watch the below screencap of our iOS onboarding where the user

  • connects a retailer account
  • auto issue, approve credit and inject Try credit card into retailer wallet
  • post-onboarding animation explainer
Try.com.-.Connect.Retailer.Accounts.mp4

mobile-app mobile-app-home iphone


3. Internal admin tool + workflow

Figma file: https://www.dropbox.com/s/1kuv7hm4x2pykik/Sierra.fig?dl=0

Our internal system at Try.com was built to be as beautiful and easy to use as a high-end consumer app. The workflow tool made use of a rule-based system to push orders through their correct flow depending on their state. I made extensive use of Figma's component system to design each and every possible state in each workflow.

Bags Big Screen Bags-1 Bags-2Bags Bag Detail Bag Detail-1 Bag Detail-2 Bag Detail-3

Universal search

image

4. UI Component Library

Screen Shot 2021-08-21 at 4 20 09 AM

Screen Shot 2021-08-21 at 4 17 15 AM

Screen Shot 2021-08-21 at 4 15 53 AM

Screen Shot 2021-08-21 at 4 14 46 AM

Integration Monitoring Dashboard

We built an automated fault detection dashboard to keep track of uptime and to give customer support reps easy access to the corresponding JIRA tasks to give customers clearer ETAs on recovery. This is an example of a single retailer integration which spans Mobile Scraper, Desktop Scraper, Shipping Email, Tracking Email, Refund Email ingestion and processing.

Screen Shot 2021-08-21 at 5 01 02 AM


5. Animation

Here's one of many animations we used over the years. You can read how I made this on "Mastering Nested Looping Animatinos at 60fps" - https://medium.com/@arush/you-too-can-master-the-dark-art-of-60fps-animation-9406a7872770

(this animated gif is a screencap and not indicative of actual perf) cc-slider


6. Information Architecture + Wireframing

Here's the Miro board where requirements gathering turned into wireframes and mockups: https://miro.com/app/board/o9J_kzPiudQ=/ Screen Shot 2021-08-21 at 4 02 16 AM

UML work

keep-return-flow ChromeX E2E Flow

Wireframe flows

Onboarding + Try Button Install flows Checkout Flow


7. Desktop Chrome Extension Onboarding

Desktop - Website MacBook MacBook-1 MacBook-2 MacBook-3 MacBook-4 MacBook-5 MacBook-6 MacBook-7 MacBook-8 MacBook-9 MacBook-10 MacBook-11 MacBook-12