Project: Angular Web Applications

(some projects cannot be shown)

Primary Role:

Principal Designer and Front End Develop for multiple Angular Web Applications

Software Used

  • Visual Studio Code
  • Git
  • Adobe Creative Suite
  • Balsamiq
  • Visual Studio 2017
  • JIRA
  • Slack/Teams
  • MySQL

Development

  • HTML
  • SCSS
  • Angular/Typescript
  • Angular Material
  • Bootstrap
  • Flexbox

Quick Project Overview:

In-Depth Review

Process:

1

Sat with Customer Service Representatives and watched them use the old application to better understand how they use it day-to-day

2

Created a site map and recreation of the old app to eventually be compared with the newly designed application to demonstrate ease of use and pin point areas that could be improved

3

Researched design trends within the Account Management & Customer Service apps

4

Created Balsamiq prototypes to use for layout, icon, & user journey approvals

5

Utilized Adobe Illustrator to layout the style guide and presented directly to stakeholders for approvals on colors, typography, and final app layouts

7

After approvals I would start the principal development of the Angular app developing the front end shell using Typescript and SCSS while implementing FlexBox and Angular Material for UI elements and using GIT to push code to a team of back end developers who would wire up the shell with data

8

In order to track our work we utilized a combination of Agile, Kanban, and Scrum methodologies.

  • We used JIRA for ticket creation/tracking
  • Had daily stand ups with management to ensure no tickets were blocked and team members had the tools to finish the tickets

9

Once code was approved we would check it in to a test environment so that Quality Assurance could look at and test newly developed features on a branch separate from the live environment

10

After the ticket would pass QA we would check our branch into master and immediately start work on another ticket

11

We would eventually implement a component design and approval process for new features that I would present to the business before development would start

12

We would eventually create a complimentary customer facing Angular web app using the same model, and while this app is hidden behind a login screen, it is live here

Angular App Process

Initial Balsamiq Mock-Ups for layout approval

Mock-ups for proposed unfinished Angular App

PPO

Finished Public Facing Web App