How I design for YOUR users
The agile and creative process.
Step 1: UX Understanding. (Listening to the problem.)
Have you really reached your products full potential?
Don't waste anymore valuable time and resources going in and out of meetings all day long.
Let's dig deep and get right to the bottom of it!
I'll use heuristic evaulations and proven methods to interview stakeholders so we can fully understand business objectives, user functional requirements, and discuss any technology constraints.
With my methods and workshops we can stay on target and be cognizant of unforseen problems or dilemas.
Step 2: UX Empathy and Personas. (Design for your users!)
Putting product requirements in use means building and designing products your users will love to use!
No guessing, no games, no bull.
Let's empathize and understand our users needs and wants.
Heuristic analysis, Data, surveys, and facts will provide a clear picture of your users and their pain points.
By conducting user research we can discover hidden and lost value that's being left on the table.
Step 3: UX Research and Discovery. (Give the people what they want!)
It's time to use all the data and feedback we collected to begin crafting our users journey.
We'll begin with a matrix map to create strategic user flow charts, wireframes, and clickable prototypes.
For fast wireframing and prototypes I use Figma, Adobe XD, Sketch, and Moqups.
I can also use other heuristic methods to demostrate user flows.
I love hitting the bullseye and I don't settle for anything less less!
Step 4: User Interface Wireframing. (Rapid visual results with lo-fidelity prototypes.)
Now that we have a solid plan, let's callaborate and sketch these ideas and concepts out! I can quickly gather cruicial team feedback and apply concepts on the fly. This process method ensures we can meet and exceed product requirements.
Step 5: User interface Refined Mockups. (Bringing our masterpiece to life)
Once the low-fidelity mockups are approved by stakeholders and QA, We'll breath life into those static UI comps.
I'll create a Hi-fidelity intertactive prototype using Adobe XD, Adobe Photoshop, Adobe Illustrator, Sketch, or any other industry standard program.
During this process we'll demo and test the clickable prototypes using Invision and provide documentation assets for programming.
Step 6: Finalize, Code, Testing. (Seamless & Agile Development)
Once the UX/UI demo is finalized and approved by stakeholders and QA, it's time to ship this off to developement.
Stop wasting valuable sprint time and resources in development!
As a fullstack developer I understand the frustration and setbacks of reworks, backlogs, and malpractices.
I can seamlessly prepare developer handoff kits, design system specs, libraries, assets and more.
During development I can also help guide developers to address concerns with product questions or specs.
Check out my portfolio
Alcon
HowCo
UT Coding Bootcamp October 2016 - April 2017
Project Goal
An intensive 24-week long boot camp dedicated to designing and building web applications.
Skills Learned: JavaScript, jQuery, Node.js, Express, HTML5/CSS3, C#/ASP.NET, Bootstrap, Git, Handlebars.js, React.js, Responsive Design, API/JSON,
RESTful API, Firebase, MySQL, Ajax, State Management, Active Record and Command Line.
Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration,
Test-Driven Development, Social Coding Best Practices, Computer Science.
My role
As Product Design Enginner I focusd on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
(Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration, Test-Driven Development, Social Coding Best Practices, Computer Science.
Solution:
Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration, Test-Driven Development, Social Coding Best Practices, Computer Science.
Results:
Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration, Test-Driven Development, Social Coding Best Practices, Computer Science.
crcu.org
HowCo
Role: UI, Frontend Developer, Multimedia Designer @ MCG October 2011 - Feb 2017
Project Goal
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
My role
As Product Design Enginner I focusd on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
Solution:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
Results:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
Transwestern
crcu.org
CRCU June 2008 - January 2011
Project Goal
In june of 2008 CRCU had a website that looked straight from the 1990’s! Table design, HTML 4.0, and inline style sheets were deprecating. Adobe Flash was taking it's course on desktops but did'nt include the new mobile devices in the market. Our marketing team was tasked with creating a beautiful and easy to navigate website. Our goal was to target new memberships, increase loan revenue, and enage with our online audience.
My role
As a marketing specialist I collaborated with the senior vp of marketing and marketing director to revamp crcu.org. We worked closely with Digital Insight (An online banking platform) to implement a custom CMS and produce the website according to the latest web technolgy and brand standards.
The challenge:
How could we make our little credit union website look just as impresive like the big banks? Our team started with researching competitors website, profiling members data, wire-framing, mock-ups and hifi-prototyping.
Solution:
Apart from everything looking outdated, My knowledge of Gestalt theory, composition, and layout was challenge by overseeing the UI and UX development. We organized the information heavy content using the card sorting method so users can have a good user experience while quickly looking for products, services, calculators etc. For aesthetics, I used hyper realistic isolated imagery to create intuitive icons that resulted in quick and easy navigation.
Results:
Numerous full blown multi channel digital media campaigns (Email designs, social media, landing pages etc. ) drove record high analytics to the new redesigned crcu.org. With a new online user expereince, our Marketing team reached it's annual marketing goals and was able to surpase the highest CU assets in over 10 years. CRCU won 1st and 2nd place at the Credit Union National Association awards in marketing initiatives. Memberships, loans inquirys, and superceded annual marketing goals.
crcu.org
DataGumbo
Role: UI, Frontend Developer, Multimedia Designer @ MCG October 2011 - Feb 2017
Project Goal
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
My role
As Product Design Enginner I focusd on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
Solution:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
Results:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
crcu.org
DataGumbo
Role: UI, Frontend Developer, Multimedia Designer @ MCG October 2011 - Feb 2017
Project Goal
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
My role
As Product Design Enginner I focusd on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
Solution:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
Results:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
ProMPT 3.0 Angular 8 Revamp & Upgrade
ProMPT 3.0 Angular 8 Revamp & Upgrade
Moblize Inc. March 2019 - March 2021
My Role
Team Role: Lead Product Design Engineer, UX Developer, UI Developer.
• Designed, intuitive and easy to use big data visualization SaaS for the E&P industry
• Worked with VP of Products, Product Team, and CEO to redesign and create 30+ data driven apps for ProMPT 2.0 and new ProMPT 3.0 platforms. (Web App, Android, and iOS)
• Overhauled, redesigned, and updated platforms by creating design systems, including unified style guides, asset libraries, reusable components, and developer hand off kits using Adobe CC and Zeplin
• Administered Jira tickets from Product Team, Scrum Master, and business planning sessions to meet UI/UX department requirements
• Coordinated and supported 20+ local and remote developers from numerous countries for web and mobile (Android & iOS) development teams
Tools
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Agile scrum,
Project Summary
ProMPT 3.0 is a data analytics and realtime intelligence SaaS for the oil and gas industry. This project included new design systems to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8. I redesigned and consolidated 30+ microapps into 4 single dashboards by desiging resuable components per each type of user. Revamped ProMPT 3.0 responsive web design app, and native Android, and ios apps with a consitent brand and design system. Unified all icons, buttons, assets, components, logos, and colors to conform with branding and newly created style guide.
UX Steps 1-2 The Problem & Heuristic Evalutions
ProMPT 2.0 had major usability issue. Because many developers over the years worked on the platform without UI/UX guidelines everyting was inconsitent.
UX/UI Steps 3-5 The Solution & Deliverables
Overhaul current ProMPT 3.0 responsize web design app, and native Android, and ios apps with a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide. Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8
UI Step 6 The Results, Handoffs & Testing
A UI/UX Guidline documentation was created ProMPT 3.0 responsize web design app, and native Android, and ios apps with a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide. Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8
ProMPT 2.0 SAAS Desktop Application
ProMPT 2.0 SAAS Desktop Application
Moblize Inc. March 2019 - March 2021
Project Goal
Redesign and overhauled current ProMPT 2.0 responsize web design app, and native Android, and ios apps with a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide. Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8
My role
As Product Design Engineer I focusd on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
Overhaul current ProMPT 2.0 responsize web design app, and native Android, and ios apps with a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide. Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8
Solution:
Overhaul current ProMPT 2.0 responsize web design app, and native Android, and ios apps with a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide. Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8
Results:
Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8
Live Site
Unify ProMPT 2.0 Mobile web app, Android, and ios app
Unify ProMPT 2.0 Mobile web app, Android, and ios app
Moblize Inc.March 2019 - March 2021
Project Goal
Overhaul current ProMPT 2.0 responsize web design app, and native Android, and ios apps with a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide. Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8
My role
As Product Design Engineer I focusd on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
Overhaul current ProMPT 2.0 responsize web design app, and native Android, and ios apps with a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide. Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8
Solution:
Overhaul current ProMPT 2.0 responsize web design app, and native Android, and ios apps with a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide. Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8
Results:
Reuse new design system to upgrade ProMPT 2.0 to ProMPT 3.0 using Angular 8
Moblize PromMPT
ProACT 3.0 Dashboard
The Health Museum Feb 2017 - Feb 2019
Project Goal
The F.A.S.T traveling exhibit is a full interactive and multimedia food allergy awareness kiosk. It has a custom video streaming platform User Interface. This interactive kiosk has hands on demos and animated videos showing what to do incase of an allergic reaction.
My role
As User Experience Developer I focused on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
The F.A.S.T traveling exhibit is a full interactive and multimedia food allergy awareness kiosk. It has a custom video streaming platform User Interface similiar to Youtube. This interactive kiosk has hands on demos and animated videos showing what to do incase of an allergic reaction.
Solution:
The F.A.S.T traveling exhibit is a full interactive and multimedia food allergy awareness kiosk. It has a custom video streaming platform User Interface similiar to Youtube. This interactive kiosk has hands on demos and animated videos showing what to do incase of an allergic reaction.
Results:
The F.A.S.T traveling exhibit is a full interactive and multimedia food allergy awareness kiosk. It has a custom video streaming platform User Interface similiar to Youtube. This interactive kiosk has hands on demos and animated videos showing what to do incase of an allergic reaction.
Scar Stories
Scar Stories
The Health Museum Feb 2017 - Feb 2019
Project Goal
Scar Stories is a multimedia kiosk illustrating the breakthrough and medical science of plastic surgey. It has a custom video streaming platform with huge User Interface graphics. This interactive touchscreen kiosk with integrated sound plays stories that begin with trauma and end with healing.
My role
As User Experience Developer I focusd on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
Scar Stories is a multimedia kiosk illustrating the breakthrough and medical science of plastic surgey. It has a custom video streaming platform with huge User Interface graphics. This interactive touchscreen kiosk with integrated sound plays stories that begin with trauma and end with healing.
Solution:
Scar Stories is a multimedia kiosk illustrating the breakthrough and medical science of plastic surgey. It has a custom video streaming platform with huge User Interface graphics similiar to Netflix. This interactive touchscreen kiosk with integrated sound plays stories that begin with trauma and end with healing.
Results:
Scar Stories is a multimedia kiosk illustrating the breakthrough and medical science of plastic surgey. It has a custom video streaming platform with huge User Interface graphics similiar to Netflix. This interactive touchscreen kiosk with integrated sound plays stories that begin with trauma and end with healing.
Positive Exposure ipad Kiosk
Positive Exposure ipad kiosk
The Health Museum Feb 2017 - Feb 2019
Project Goal
Positive exposure has 2 multimedia ipad kiosk promoting a more inclusive world through award-winning photography, films, exhibitions, lectures and educational programs. It has a custom video streaming platform with high quality photography and graphics.
My role
As User Experience Developer I focused on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
Positive exposure has 2 multimedia ipad kiosk promoting a more inclusive world through award-winning photography, films, exhibitions, lectures and educational programs. It has a custom video streaming platform with high quality photography and graphics.
Solution:
Positive exposure has 2 multimedia ipad kiosk promoting a more inclusive world through award-winning photography, films, exhibitions, lectures and educational programs. It has a custom video streaming platform with high quality photography and graphics.
Results:
Positive exposure has 2 multimedia ipad kiosk promoting a more inclusive world through award-winning photography, films, exhibitions, lectures and educational programs. It has a custom video streaming platform with high quality photography and graphics.
TMC VR Experience
TMC VR Experience
The Health Museum Feb 2017 - Feb 2019
Project Goal
The Health Museum, Texas Medical Center, and Staging Solutions VR Collaboration was brought in part for "Body as a Work of Art" exhibit. In a case study conducted, patrons wanted to see more high-tech and intereactive activities in the museum. This state of the art VR experience aligned perfectly with the new exhibit and THM's brand standards.
My role
As User Experience Developer I focused on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
The Health Museum, Texas Medical Center, and Staging Solutions VR Collaboration was brought in for the Body as a Work of Art exhibit. This state of the art VR experience aligned perfectly with the new exhibit and THM's brand standards.
Solution:
The Health Museum, Texas Medical Center, and Staging Solutions VR Collaboration was brought in for the Body as a Work of Art exhibit. This state of the art VR experience aligned perfectly with the new exhibit and THM's brand standards.
Results:
The first experience included a Life Flight helicopter ride over the medical center. The second experience was an emergency outdoor clinic with a robotic surgey. The third experience was a ride through the cardio vascular system.
Biorhythm Exhibit Website
www.biorhythm.thehealthmuseum.org
The Health Museum Feb 2017 - Feb 2019
Project Goal
Biorhythm is an exhibit that unveils the connection between music and the human body. THM needed to create a subdomain website to showcase all of the components and attractions. This wordpress website was built to showcase 14 attractions, deliver news, schedule public events, and purchase e-tickets. Additional digital media, email blast, and social media was used for marketing.
My role
As User Experience Developer I focused on the User Experience and User Interface.
Tools & Deliverables
The challenge:
Biorhythm is an exhibit that unveils the connection between music and the human body. THM needed to create a subdomain website to showcase all of the components and attractions. This wordpress website was built to showcase 14 attractions, deliver news, schedule public events, and purchase e-tickets.
Solution:
Biorhythm is an exhibit that unveils the connection between music and the human body. THM needed to create a subdomain website to showcase all of the components and attractions. This wordpress website was built to showcase 14 attractions, deliver news, schedule public events, and purchase e-tickets.
Results:
Biorhythm is an exhibit that unveils the connection between music and the human body. THM needed to create a subdomain website to showcase all of the components and attractions. This wordpress website was built to showcase 14 attractions, deliver news, schedule public events, and purchase e-tickets.
Case Studies, Benchmark Data, & CX Research
Case Studies, Benchmark Data, & CX Research
The Health Museum
Project Goal
In late 2016 The Health Museum reached an all time low in patron attendance and public interest. THM knew they had to rebrand, rebuild, and get a clear picture of the market. THM wanted to know what the organization could do to revive and create the best patron experience. Our team conducted research to learn more about it's patrons and what they expected from the museum.
My role
As User Experience Developer, I helped organized a case study so our team could conducted a stakeholder and internal audit. During our meeting we used a priority matrix to understand the most important vs the least important User and Business goals.
Tools & Deliverables
After our SWOT (Strengths, Weakness, Oportunities, & Threats) analysis was concluded, we used an affinity diagram to curate a quick 6 minute survey with 20 questions. I set up 2 stationary kiosk ipads, and 2 more ipads for museum docents to survey patrons on our busiest day. (Free Family Thursday)
The challenge:
With so many types of people visiting the museum it was very difficult to understand the metrics of our primary customers. We narrowed our target audience to; mothers of young children, teachers, fieldtrips students, and medical students.
Solution: (How we met Sally?!)
When all the pieces came together, we finally met Sally! We also created personas and user stories for our other profiles.. We discovered The Health Museum needed more enaging and interesting topics. The top 4 topics were; The history of medical science, The body as art, The Texas Medical Center, and Popculture & Health. We knew it needed to be more interactive, fun, and have easy to understand high-level content like the nearby "Childrens Museum".
Results: (Got it done!)
The Health Museum listened and delivered 6 new exhilarating exhibits and had record breaking attendance over the next 2 years! In addition, the case study and deliverables were used to reformat the marketing website, online ticket sales platform, and social media presence. The museum was awarded an official partnership as a Smithsonian Affiliate. It was the first to recieve recognitive in the Houston area. I am so honered to be apart of that journey and help our surrounding communities.
The Health Museum
thehealthmuseum.org
The Health Museum Feb 2017 - Feb 2019
Project Goal
The Health Museum had an agency create a basic website with Joomla, upon review the CEO and executive team hired me to immeditaly improve the overall experience. I rearranged the layout to have a marketing slideshow banner for news and current attractions. The second portion above the fold displayed the latest and upcoming exhibits. The process to schedule fieldtrips or buy tickets online was streamlined and also made visible by creating big graphics and info icons.
My role
As User Experience Developer I focusd on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
The Health Museum had a basic website created with Joomla, the CEO and executive team wanted to immeditaly improve the overall experience. I rearranged the layout to have a marketing slideshow banner for news and current attractions. The second portion above the fold displayed the latest and upcoming exhibits.
Solution:
I rearranged the layout to have a marketing slideshow banner for news and current attractions. The second portion above the fold displayed the latest and upcoming exhibits. The process to schedule fieldtrips or buy tickets online was streamlined and also made visible by creating big graphics and info icons.
Results:
Grew social media, improved analytics, and POS sales
(UI/UX Website Redesign)
WoodForest National Bank
Dec 2016
Project Goal
Redesign responsize web banking app a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide.
My role
As Fullstack Developer I focusd on the front end User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
Redesign responsize web banking app a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide.
Solution:
Redesign responsize web banking app a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide.
Results:
Redesign responsize web banking app a consitent design system, including icons, buttons, assets, components, logos, colors, and branding style guide.
meanstack1
MEAN STACK PROJECT 1
UT Coding Bootcamp October 2016 - April 2017
Project Goal
An intensive 24-week long boot camp dedicated to designing and building web applications.
Skills Learned: JavaScript, jQuery, Node.js, Express, HTML5/CSS3, C#/ASP.NET, Bootstrap, Git, Handlebars.js, React.js, Responsive Design, API/JSON,
RESTful API, Firebase, MySQL, Ajax, State Management, Active Record and Command Line.
Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration,
Test-Driven Development, Social Coding Best Practices, Computer Science.
My role
As Fullstack Developer I focusd on the front end User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration, Test-Driven Development, Social Coding Best Practices, Computer Science.
Solution:
Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration, Test-Driven Development, Social Coding Best Practices, Computer Science.
Results:
Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration, Test-Driven Development, Social Coding Best Practices, Computer Science.
UT Coding Bootcamp
UT Coding Bootcamp
UT Coding Bootcamp October 2016 - April 2017
Project Goal
An intensive 24-week long boot camp dedicated to designing and building web applications.
Skills Learned: JavaScript, jQuery, Node.js, Express, HTML5/CSS3, C#/ASP.NET, Bootstrap, Git, Handlebars.js, React.js, Responsive Design, API/JSON,
RESTful API, Firebase, MySQL, Ajax, State Management, Active Record and Command Line.
Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration,
Test-Driven Development, Social Coding Best Practices, Computer Science.
My role
As Product Design Enginner I focusd on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
(Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration, Test-Driven Development, Social Coding Best Practices, Computer Science.
Solution:
Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration, Test-Driven Development, Social Coding Best Practices, Computer Science.
Results:
Topics Covered: Database Theory, API's, Agile Methodologies, Presentation Skills, Research Methods, System Administration, Test-Driven Development, Social Coding Best Practices, Computer Science.
crcu.org
CRCU Redesign
Role: UI, Frontend Developer, Multimedia Designer @ MCG October 2011 - Feb 2017
Project Goal
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
My role
As Product Design Enginner I focusd on the User Experience and User Interface.
Tools & Deliverables
Adobe XD, Adobe Creative Cloud Libraries, Zeplin, Jira, Git, Scrum, 20+ developers from local cities and various countries.
The challenge:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
Solution:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
Results:
Mountain Commercial Graphics had a website that was 10 years old. After meeting with stakeholders and the sales team we decided to create a portflio style website with huge images and an interacive way to present products. The e-commerce website was also redesigned to match the frontend and brand standards.
crcu.org
crcu.org
CRCU June 2008 - January 2011
Project Goal
In june of 2008 CRCU had a website that looked straight from the 1990’s! Table design, HTML 4.0, and inline style sheets were deprecating. Adobe Flash was taking it's course on desktops but did'nt include the new mobile devices in the market. Our marketing team was tasked with creating a beautiful and easy to navigate website. Our goal was to target new memberships, increase loan revenue, and enage with our online audience.
My role
As a marketing specialist I collaborated with the senior vp of marketing and marketing director to revamp crcu.org. We worked closely with Digital Insight (An online banking platform) to implement a custom CMS and produce the website according to the latest web technolgy and brand standards.
The challenge:
How could we make our credit union website look just as impresive like the big banks? Our team started with researching competitors website, profiling members data, wire-framing, mock-ups and hifi-prototyping.
Solution:
Apart from everything looking outdated, My knowledge of Gestalt theory, composition, and layout was challenge by overseeing the UI and UX development. We organized the information heavy content using the card sorting method so users can have a good user experience while quickly looking for products, services, calculators etc. For aesthetics, I used hyper realistic isolated imagery to create intuitive icons that resulted in quick and easy navigation.
Results:
Numerous full blown multi channel digital media campaigns (Email designs, social media, landing pages etc. ) drove record high analytics to the new redesigned crcu.org. With a new online user experience, our Marketing team reached it's annual marketing goals and was able to surpase the highest CU assets in over 10 years. CRCU won 1st and 2nd place at the Credit Union National Association awards in marketing initiatives. Memberships, loans inquirys, and superceded annual marketing goals.