• Date: November 2018
• Client: GoTogether
• Category: UX/UI / Web Design

GoTogethertoVote gives GOTV Directors working with campaigns, coordinated campaigns or coordinated campaigns, and PACs the ability to deploy SmartGOTV℠ that enhances the tried and true of yesteryear’s voter mobilization.

Sketch, Invision, Photoshop, Illustrator, and WordPress.

Branding & Identity / Logo Design, Web / Mobile App Design, and Landing Page Website.

How do we connect voters and coordinated campaigns? What is their current process like? How organized is it? I was in a meeting with stakeholders, they talked about their past experiences within campaigns, quoting it can get pretty chaotic in the war room, and also stated Murphy’s Law; “Anything that can go wrong, will go wrong.” A lot of things are done manually with a spreadsheet including ride sharing to voting polling locations. So we need a more automated process that will connect voters and driver. I first did a competitive analysis on other pooling apps, comparing 2 pain points Security and Reality. We all had our bad experiences within carpooling apps. So a solution is to have a more extensive background check for drivers. I created a user journey map on how the user data would be driven, as a Driver, Voter and Campaign Admin.

After gathering all the information for the mobile app, I created wireframes using Sketch and invision. I also was tasked to create a landing page for GoTogetherToVote (GTTV) displaying information what GTTV was about and launch date using Wordpress.

This is a continuing project, we wanted to have the product launched before 2018 United States elections. There were a lot of moving pieces trying to push this product to launch. But due to the short timeline it was very difficult to have a fully polished product ready. I’ve learned from this situation, in any startup you have to go above and beyond to help you clients.

Close Project

• Date: March 2017
• Client: PenFed Credit Union
• Category: UX/UI / Web Design

PenFed, is a United States federal credit union headquartered in McLean, Virginia, chartered and regulated under the authority of the National Credit Union Administration (NCUA). PenFed is the nation's third largest federal credit union, with assets of $23 billion and more than 1.6 million members as of July 2017.

Sketch, Illustrator, Invision, HTML/CSS and Adobe Experience Manager.

User Experience, User Interface, Visual Designer, and Web Producer.

During this website overhaul, which involve the migration to a new CMS. I had alot of different roles from creating visual infographics, user interface, to a web producer. One of my first tasks was to redesign content pages, using familar UI elements. There were a number components being used and ofcourse a style had to be maintained.

Affinity Partner Content Pages:
PenFed has relationships with numerous associations; United States Army Warrant Officers Association, United States Coast Guard Auxiliary (USCGAux), National War College Alumni Association, etc. I was tasked with reorganizing the content for these pages. I had to use certain components that showed a same pattern and theme throught designs.

Web Responsive Dropdown Icon Menu
Creating a new site navagation. We wanted to try visual elements to distingish each 2nd teir category items. For example, savings would indicate piggy bank symbol. I looked a competitor sites to see how iconography was treated. Chase used icons from a dropdown menu, while Wells Fargo used icons in there hero image sections. Both used flat outline icons. So proceed to create with a similar pattern.

FIXED vs ARM Infographics
How to visually show the different between ARM vs FIXED. I first had to research the different between Adjustable-rate mortgages (ARM) and a Fixed-rate mortgages (FIXED). Then create a graph that showed the difference between the rates.

Comps

One of the AFFINITY PARTNERS pages. There were a series of card components used, to make the site more responsive.

Throughout iterations it was decided a megamenu was need for the dropdown menus just because it made more sense to have all the information show hovering over each section as oppse having have to hover over a section and an icon to uncover more information.

Close Project

• Date: Feburary 2018
• Client: GoTogether
• Category: UX/UI / Mobile / Web Application

GoTogether is innovating the ways parents, schools, teams safely get their children to be successful in life.

Sketch, Photoshop, Illustrator, Slidely and WordPress.

Design a landing page for GoTogether.

What is the purpose of this landing page? To promote who we are and an product to showcase? In this case yes to both, to promote a GoTogether product's called CarpoolToSchool.

I reseached competitor's websites along with popular websites to showcase Go Together's Mobile app. Based on all the information I gathered I then began on creating a wireframe layout.

Comps

I then proceed to wireframing, then to a mid-fidlety visual mockup to see how everything would flow. I superimposed some of the screens buy photoshoping it to a mockup iphone.

This project was fun, I've always enjoyed designing and gotten more into development. Using different CMS (Content Management System), is a learning process, and once you used one you used them all. I wasn't a big fan of the mobile menu on websites that the client requested, but I think in this cause it works because this site was very simple and clean. I did run into issues before having elements break when it responsive but manage to fix it with some knowlegde of HTML and CSS.

Close Project

• Date: May 2019
• Client: Veni Vidi Velo
• Category: Web Design

Veni Vidi Velo, Bicycle repair shop in Arlington, Virginia.

Sketch, Photoshop, Illustrator, and SquareSpace.

Create a landing page for Veni Vidi Velo.

Who is the primary target audience? What is the main focus of the business? The previous owner had this small business for years and it was primarly yoga driven. Looking Yelp reivews it seems more focused on yoga than a bicycle shop. After talking to the current owner he decides he wants the main focus to be a performace bicycle service shop. Thus his primary target is going to be experianced bicycle riders. So I looked at service bicycle service shops in the area and popular bike shops.

I reseached competitor's websites along with popular websites to showcase Go Together's Mobile app. Based on all the information I gathered I then began on creating a wireframe layout.

Comps

I then proceed to wireframing, then to a mid-fidlety visual mockup to see how everything would flow.

Using different CMS (content management system) can be a challenge, and a learning process. I thought SquareSpace was fairly a simple CMS aside from all the others. Creating videos is always a challenge.

• Date: October 2016
• Client: Mari
• Category: UX/UI Design

You set your school and job goals. Using what you already know, MARi helps you navigate to​ ​the right education paths, occupations, and thousands of job possibilities – intelligently nudging you to stay on track. Along the way, you’re provided access to the very best assessments, learning applications, and career tools on the planet – all customized to help you get to where you want to go.

Sketch, InVision, WhiteBoard, Sharpies & Paper.

User Interface & User Experience Design, along with Prototyping.

One of the first tasks I worked on was the login credential page. I first research best practices for displaying and editing information. I searched on sites that had examples for how to achieve this. Linkdin has a pretty good format on displaying and editing information seamlessly. This set the bar on a lot of following projects I did at MARi. I also made some quick wireframes on competitions’ sites and how they had their UI dashboards setup.

Comps

I worked closely with the Stakeholder, He showed me all his idea's on a powerpoint. I ended up converting all his powerpoint slides into interactive wireframes using Sketch. I created over 100 screens.

After converting all the mockups in sketch, I proceeded to create interactive wireframes. I thought of ways how the user can be more engaged, one of the ways that I’ve seen is creating and expanding search bar. I also showed other ways how a user can edit information using Admin-lite. This example allowed the user to jump to other part of the forms seamlessly.

Close Project

• Date: December 2015
• Client: Marriott
• Category: UX/UI / Mobile / Web Application

Marriott International, Inc. is a leading hospitality company with more than 3,900 properties, 18 brands, and associates at our headquarters, managed and franchised properties around the world. Nearly 70% of all hotel rooms under construction for Marriott are beyond North Americas shores. They need to cater to a much more international set of travelers moving forward.

Sketch, Axure, InVision, Marvel, Photoshop, Illustrator, WhiteBoard, Sharpies & Paper.

My primary role was Visual & User Experience Design, and Prototyping.

Comps

After gathering the initial research results, we conducted a design studio session to work through our ideas. Our solution consisted of a touch screen TV (GoBoard) and a mobile device. These platforms because our users (Generation X & Millennials) loved to use their mobile device to search for information and/or connect with other people. Shopping malls use interactive GoBoards to search for your store preference, information and location. Therefore making GoBoards effective hotel lobbies. as well.

Lobby: GoBoard Ideations

We presented a live Demonstration of the User Experience between GoBoard and Mobile Device, viewing the use of social networking through both the GoBoard and Mobile Application. We showed the whole process from start to finish of how a you would use this mobile app from the moment you walked in the hotel. Also, demonstrated using the GoBoard to check out events, sending informtation to your phone by waving your phone, and completing the checkout process. I presented how the user can navigate through the mobile app and the functionality and features. In conclusion, Our team and I solution to increase younger traveler demographic to hotels was successful, by having interactive technologies that communicate with each other aswell as networking with business travelers.

Close Project

• Date: January 2016
• Client: MomValet
• Category: UX/UI / Mobile Design

Sketch, InVision, Marvel, Photoshop, Illustrator, WhiteBoard, Sharpies & Paper.

My primary role was Visual & User Experience Design, and Prototyping; secondary roles include user research.

We Presented the Application to the client. Presenting all the research along with the designs that we came up with. I demoed the mobile app using the Marvel a prototype software. I navigated all the functions in the app, as well as demonstrated the UI and User Experience design. The client was very pleased with the results. We later had a meeting with her developers too, and I took them through the process of the mobile application.

Close Project

• Date: March 2020 - Present
• Client: Strategic Education, Inc.
• Category: UX/UI / Web Design / Branding

Strategic Education, Inc. (SEI), is an education services holding company and was formerly known as Strayer Education, Inc. The company owns for-profit, online Capella University and Strayer University, as well as non-degree programs schools such as DevMountain, Hackbright Academy, and Sophia Learning.

Adobe Xd, Sketch, Invision, HTML5/CSS3, Adobe Experience Manager, Photoshop, AfterEffects, InDesign, Workfront,

Web designer, User Interface and Visual Designer

One of my first tasks was to get familar with the components and branding guidelines.In consideration of the global pandemic, the direction with branding changed significanly. Images had to be carefully reselected to condone social distancing.I also helped design some pages using components from a Design System Manager (DSM) to have common formaility in design and development.

Close Project