S

O

P

H

I

E

W

A

R

G

O


front-end developer and UI/UX designer

Wireframe Circle

UI/UX Design


Code Circle

Development


Graphic Design Circle

Graphic Design


TOOLS

  • HTML5
  • CSS3/SASS
  • JavaScript/ES6
  • React
  • Angular
  • ThreeJS
  • Nodejs
  • Express
  • MongoDB
  • C#
  • ASP.NET
  • Photoshop
  • Illustrator
  • InDesign
  • XD/Figma
  • Git

ABOUT ME

  I'm an engineer with over 5 years of experience, a keen eye for design and a passion for usability. I currently work for Gap Inc. as a UX Engineer, contributing to their design systems.

  I work remotely in Salt Lake City, Utah and graduated from Neumont College of Computer Science with a degree in Web Design and Development.

  Outside of work, you can find me hiking with my german shepherd or tending to my garden.

MY PROJECTS

Bumblebee Framework

Bumblebee CSS Framework

This CSS Framework was built so I could have a better understanding of AngularJS and to learn SASS. It also helped to broaden my design style so I could be sure to produce websites of all types.

It has an 8-column grid system allowing it to be fully responsive. It contains both CSS and JavaScript components available for use. View It Here

Angela's Bakery

Angela's Bakery

Developed for my College Capstone project, this ecommerce project was meant to stretch my abilities. React and Redux drives the frontend while Nodejs is used for the backend. Users are able to login with google via OAuth and PassportJS, and then checkout with the Stripe API. In addition to basic ecommerce features, I use ThreeJS to allow users to customize their own 3D cake. This was meant to fix problems regarding communication while ordering custom cakes.

A main goal for me personally was to make this website self-sufficent so that the owner would not need to come to me for changes. To solve this, there is an Admin panel that allows the owner to delete and add products to their menu.

Asked to be one of five projects presented at the Capstone Invitational. To watch my presentation, go here.

Calendar Library

Calendar Library

This is a calendar library built to learn ES6 practices along with webpack/babel. It includes functions to allow for viewing holidays, today's date, month, week, or even whole year. Users can page through to different months or enter a specific date to jump to that time on the calendar. Styling is included so you won't have to worry about structuring the calendar yourself. View It Here

Wine Matcher

Wine and Dine

This completely frontend (for now) application was built as a final project for my Advanced Web Scripting class. The requirements were to make it solely frontend while using an outside API (Yummly) and a frontend framework (React). This was my first experience developing with React.

This application asks users to select dietary options so it can return a proper meal accompanied with a wine that would pair well based on flavors and ingredients. This project is currently in further development with plans to have it allow users to save wine and meal pairings and share them on social media. View It Here

Awarded 1st Place at Neumont College of Computer Science's Project Showcase

Adobe XD Overview

UI/UX Portfolio: Member Management

Part 1 of Paramount Acceptance's flagship product, the Front Desk Monitor's, redesign. Member Management gives gym employees a quick and quality way to manage all of a gym member's needs such as visits, services and contracts.

Adobe XD Overview

UI/UX Portfolio: Paramount Acceptance Design System

As the Creative Technologist for Paramount Acceptance, I paved the way for a consistent brand image for our digital projects. This design system was built from scratch and became the basis for all future mockups. In addition to designing our components, I was a contributor to programming them as well.

Sales Tool Portfolio

UI/UX Portfolio: Sales Tool

(Portfolio coming soon) A fluid process for employees to build a new or existing client's gym contract.

Point of Sale Portfolio

UI/UX Portfolio: Point of Sale

(Portfolio coming soon) The Point of Sale gives employees the ability to manage products for sale including discount, price overrides and custom product additions.

Member Portal Mobile App Portfolio Member Portal Mobile App Portfolio Member Portal Mobile App Portfolio

UI/UX Portfolio: Member Portal Mobile App

(Portfolio coming soon) A client facing React Native mobile app for managing one's own gym membership and account details.

Inventory Management Portfolio

UI/UX Portfolio: Inventory Management

(Portfolio coming soon) Inventory Management gives employees the ability to track inventory as it comes and goes.