Web Development Process Graphic Design
Groove Musicmore_vert

View Application

Groove Musicclose

I created this app as a place for you and your friends to coordinate on party playlists. Using the Spotify web API, a user can OAuth into the application to create new playlists or search for an existing playlist. They can add songs, listen and chat with their friends. This is a MEAN stack app that also uses websockets.


View Application


A place to remember what you drank and where you drank it. A user can add a name, ingredients, image and location of their favorites drinks. The data is saved to an API database that then gets called from the front-end to display. This app was created using Ruby on Rails and AngularJS

Restaurant Appmore_vert

View Application

Restaurant Appclose

A server can use this application to create parties and orders. They can also modify orders and menu items. CRUD app using Ruby on Rails and Skeleton. To login to this site, USERNAME: test P/W: test

Rain or Shine APImore_vert

View Application

Rain or Shine APIclose

Depending on the weather, a user can filter his/her search results to several different indoor or outdoor events. Created using several API's, node.js and semantic-ui. To login to this site, USERNAME: friend P/W: test

Inventory MEAN Appmore_vert

View Application

Inventory MEAN Appclose

This app is used to make an inventory of the items in your kitchen, and their amounts. This is a full MEAN stack application which uses an API database to post, delete, and get information.


View Application


Modified version of the dice game Yahtzee. Built using Javascript, CSS, and HTML.



Research to learn more about the user's background, motivations, and objectives.

  • Interviews
  • Surveys
  • Emphasize
  • Stakeholder meetings
  • User and business Goals


Interpret your findings from discovery to create a user point-of-view to help understand what's working and what's not.

  • User Persona
  • User Flows
  • Site Map & Navigation
  • Feasabile/Versatile vs Importance
  • Feature Prioritization
  • IA
  • Business Metrics


Design and Ideate is the chance to brainstorm concepts or refine existing ideas. This step gets repeated after testing if there are more improvements to be made.

  • Wireframes
  • Mockups
  • Prototyping
  • Layout & Interaction Design
  • Style guides
  • User Testing


Once all content and designs are finalized, the mockups are ready to come to life! Using the appropriate frameworks and technologies, code templates are created which will then be re-tested to ensure there are no errors, bugs, or dead links.

  • Graphic elements
  • Scripts
  • Stylesheets
  • Code Framework
  • Internal Testing


The application or site is ready for launch. This is not the final step, since design, develop and deploy will be repeated times during an application's lifetime. It's important to monitor your site's engagement and success through analytics and continuous user feedback.

  • Web Analytics
  • BETA launch and feedback
  • A/B testing
  • Build Network
  • Engage!