PORTFOLIO
What I Have Been Working On
"Where science meets creativity!"
HEWLETT PACKARD ENTERPRISE
Includes Case Study
CACI / TICOMGEO
Includes Case Study
WIN REALITY
Includes Case Study
RAM QUEST
DATA VISUALS
LAUREATE
View Other Projects
Chess Vision
Pinheads
Other UI
Typography
SCCI
Digital Paint
Chess Vision
Pinheads
Other UI
Typography
SCCI
Digital Paint
Back to Top
Hewlett Packard Enterprise
HPE Greenlake
Case Study
Tools
- Figma
- Confluence
- Jira
- Whiteboards
- Sketches
- Pattern Library
- Style Guide
Skills
- UX Design Thinking
- Research
- UI/UX Design
- Visual & Interaction Design
- Enterprise Level
- Leadership, Team Work, Working with Devs
- Cross-Org & Cross-Team
Projects
File Storage
Includes Case Study
Storage Fabric Mgmt
Sustainability
Hardware Vectors
FILE STORAGE
Click the images to view them up-close!
PROJECT BACKGROUND
Project Information
For this project, I was the lead Senior Interactive Designer. I worked with my Visual/Pattern team, and collaborated with stakeholders, engineers, and other designers.
What is File Storage
- Simplified Data Management
- Enterprise-Level Performance
- Intuitive and Scalable
- Cloud SaaS
- Empowering
- Rich Data Services
- Faster Insight
- Innovative
- Competitive Advantage
DISCOVERY
Feature photo licensed under HPE
Current User Pain Points
- Data Intensive Applications
- Large-Scale Applications
- Need More Transparency
- Continuously Upgrading Storage
- Need Quicker Insights
- Need Better, Reliable Performance
- Need Simplified Operations
- Need Seamless Data Sharing
- Need Smoother Collaboration
Examples of Target Users
- IT Users
- IT Directors
- Line of Business Owners
- Data Scientists
UNDERSTAND
Feature photo licensed under HPE
Pre-Design
- Received Requirements
- Discussed Users and Companies
- Discussed Specific Needs
- PMs Provided Direction
- Received Heavy Tech Documentation
- Provided UX Process Reminder
- Target Devices and Hardware
Requirements
- HPE Greenlake Product
- Edge-to-Cloud Platform ™
- Simplified Data Management
- Cloud Operation Experience
- Create and Share Files from Anywhere
- Local and Remote Protection
- Works with Data Ops Manager
- Edge-to-Cloud Platform ™
- Capacity and Quota Management
- User and Group Management
Requirements
- Web Browser Implementation
- Next Generation Business and AI
- Performance Review, Metrics
- Performance Management
- Keep Track of Issues, Announcements
- Tasks Management
- Hardware Management
- Local Centralized Collaboration
- Audit Support for Service Operations
DEFINE
Challenges
- No User Research
- Relied on Subject Matter Experts
- Must be able to work with VAST, Data Ops Manager, and Task Manager
Dive Deep
- Establish Relationships with PMs and Engineers
- Deep Dive into Tech Documents
- Gain Full Understanding of Product
- Gain Full Understanding of VAST
Plan
- Create Effective Features for Productivity and Faster Insight
- Support Dynamic Pages and Interactions
- File Shares are Most Important and will hold Managed Data
- Allow for Ability to Create and Customize
- Provide a Single Pane of Glass Experience
- Provide Expedited Job Setup and Completion
- Allow for Ability to Scale Performance and Capacity Independently
- What sort of Data Interactions are needed?
DESIGN
Dashboard
Dynamic dashboards allow for quick overviews of files or systems, performance, capacity and protection. They are customizable, scalable and provide the ability to dig deeper. This was especially helpful for users needing to check in to see if there were any pending or detrimental issues, or to get a quick summary of the state of their File Storage.
File Storage List Page
The idea for using tables was to give a clear, and easy to understand overview of all files or systems. Users can easily search, filter, and customize the information they see. This helps for better control of the data that is most important to them. They also have the option to view valuable details about specific settings included in their Shares. There is also the ability to dig deeper into each specific Share for further, focused management.
Details Pages
Details pages are what users will see if they choose to dig deeper into their file shares. There is also the option to view details of the Servers that hold these shares through the Data Ops Manager application. These highly relevant and intent-driven pages help users gain greater, granular details that are specific to each share or system. This helps in making informed decisions about how to manage and troubleshoot these items. A user can view and manage their capacity usage, protection states, status of performance, settings and other specific areas. There is also the option to view more extensive information about the inner-workings of the share or system.
Wizards / Modals
The choice of using wizard modals is one of the ways that streamlining was able to be achieved. Combine that with the "Sliding Modal" that I helped create, we were able to provide an "access from anywhere" solution that wasn't confined to a specific page. Modals are also used to help users focus on single, contained tasks inside the information architecture. This helps to keep the provided information in smaller bites, grab the users attention, and give the ability to provide additional information without having the user lose focus.
OUTCOME
Sales
- Currently used by 40 large companies.
- 30 million plus in sales.
Metrics
- One unified platform.
- HPE Greenlake and VAST Data System combination.
- Exabyte scale!
Example of Users/Groups list page
Feedback from Happy Customers
Idan Zalzberg, CTO of Agoda says, "Agoda has always been about using the best technology for the task; to that end, the combination of HPE Greenlake with VAST Data Technology makes perfect sense and we look forward to seeing HPE Greenlake for File Storage deliver best-in-class performance for years to come."
"By combining VAST Data's next-generation architecture with trusted hybrid cloud infrastructure and data services from HPE, customers now get the best of all worlds combined into a single, simple to consume solution from HPE," said Renen Hallak, Co-Founder and CEO of VAST Data. "VAST is laying the foundation for the future of data management and AI workloads, and together with HPE, we're continuing to innovate for the enterprise, where data is at the center of every application strategy and business decision."
"HPE GreenLake for File Storage has a disaggregated, shared-everything, highly resilient modular architecture that allows to scale performance and capacity independently - and it's designed for exabyte scale. With all-NVMe speed for fast, predictable performance and no front-end caching, data movement between media, or tiered data pipelines, it can supercharge the most data-intensive AI applications." --CXOtoday.com
Lessons Learned
Experience Gained
- Expansive Additional Experience
- Enterprise Level Knowledge
- Cross-System integration
- 3rd Party Systems Integration
- Physical Hardware
- And much much more
Work Environment
- Close Knit UX team
- Worked with Researchers, Engineers, PMs, Architects, Stakeholders, etc
- Strong Drive to Provide: Consistency, Open Communication, Honest Feedback, Intuitive and Innovative, Inclusive and Dynamic
What I Gained
- Value of a Great Team
- Bettering a Top-Tier Product and Company
- Helping Valued Customers
- Amazing Opportunity
- Fount of Additional Knowledge
Storage Fabric Management
For Storage Fabric Management, I was the lead Senior Interactive Designer. Storage Fabric Management allows for cloud-as-a-service to help manage your Fibre Channel storage environment. It uses auto-deployment, simplified SAN management, seamless configuration, resiliency for reducing deployment time, single pane of glass, manage multiple domains, end-to-end provisioning, diagnostics and monitoring. All of this through an intuitive, and simple to use interface.
Click the images to view them up-close!
Sustainability
This sustainability work is an exploration of an up and coming feature for HPE Greenlake Storage. This work is a collaboration with my UX team that I eventually helped to lead.
Click the images to view them up-close!
Hardware Vectors
The images below are vector/svgs that I created of hardware types that are being used by HPE Storage. The goal was to create them in a way that helped the important areas stand out, to be able to scale dynamically, to be easier on the eyes and allow for interactive immersion.
Click the images to view them up-close!
Ram Quest
Click the images to view them up-close!
Back to Top
CACI / TICOMGEO
Case Study
Programs
- Axure RP
- Adobe Photoshop
- Adobe Illustrator
Skills
- UX Design Thinking
- Research
- UI/UX Design
- Visual & Interaction Design
- Desktop, Tablet, Mobile Design
- HTML, CSS, JavaScript
Click the images to view them up-close!
PROJECT BACKGROUND
Project Information
The client had been using bare-bones applications and manual filing to schedule important asset gaining events which includes capturing images, videos and/or learning specific details about an event. Another problem was all the red-tape that went with those methods and the security that had to be upheld. Not only did they need UX design that was more human-centric and updated, they needed it to be faster, easier to read, smarter, smoother and above all else accurate! Within the military the standard practices of getting information, getting it approved, and then getting it to the right people is an important and sometimes life or death matter.
Tasks & Mission
- Why do they need it?
- Who needs to use it?
- What are levels of security?
- What data needs to be accessed?
- Target devices?
- How many integrated programs?
- Best way to speed up process?
- Best design for dynamic use?
DISCOVERY
Persona Example
Research Goals
- Interview different types of users.
- Keep in mind different tech levels, mental states, & ages.
- Get a clearer picture of what users are doing now.
- Figure out what works currently and what doesn’t.
- Look at similar products and possible incorporation.
- Determine what devices users will be using.
- Construct hypothesis, test, analyze & share data.
- Create interactive prototypes for more in-depth feedback.
- What sort of security do we need to include?
Interview Participants
- Gender
- 2 Males
- 2 Females
- Age
- 36 years old
- 50 years old
- 26 years old
- 24 years old
- Ranks
- Captain
- Subject Matter Expert
- Lieutenant
- Seaman
Summary
Different ages showed to have different skill level in the tech areas. They all agreed that the current methods were time consuming. The Captain and the Lieutenant’s biggest needs was to be able to quickly see what he needed to approve, review, or deny without getting bogged down by tons of other data. The Seaman said that organization and quick access to editing was greatly needed. The ability to see the status of the process. We also had to keep in mind the lighting situations because they had certain conditions that were reflected through the light color. The Subject Matter Expert was more of an on-going interview throughout the entire development process. He was able to help with what it was like to be in the field and what would work and would not work.
DEFINE
Task Flow Example
Prioritize & Hypothesize
- What sort of security is needed?
- What data & needs do they need access to?
- How will we speed up the process?
- Age, credentials, and tech experience?
Question
How might we create a secure, faster system and reliably deliver the right data?
Possible Solutions
- Set up an encrypted back-end system.
- Display only needed information with the ability to view more and/or edit.
- Add high level security to allow for different logins with different priorities.
Hypothesis Outcomes
We believe that a dynamic, responsive, and secure all inclusive application will achieve a faster opportunity for them to request, collect and approve events. We believe allowing the users to login with their specific credentials will only give them access to what they need to see and thus speed up the information transference. Specific Hypothesis: We believe that if we create a task system with a smart filter will allow users to quickly gain access to the most pertinent tasks and information they need to work on.
DESIGN
Responsive Wire-frames
For the final project we were going to use a mixture of HTML, CSS, and JavaScript/React for the user-interface. Therefore I needed to keep this in mind, along with the user research, when creating the wireframes. Through a number of user-focused interactive prototype iterations my team and I were able to come up with a scalable, dynamic, easy-to-use, smart system for user testing.
User Testing
Before we finalized the design we needed to perform user testing with potential users. I created an interactive prototype through Axure RP.
Testing Participants
- In-house QA
- Two Seaman
- One Lieutenant
- Subject Matter Expert
Testing Goals
We were looking for comfort level, ease of switching from one application to another, understanding flow, recognition of icons, and speed.
Example of Test Questions
- Current methods and time spent on them.
- Evaluated current software and practices.
- Asked about specific tasks and program integrations needed.
- Asked if the new system felt more reliable.
- Gathered data on emotions, ease of use, comfort, and understanding.
Example of Test Outcome
- Most icons were easy to understand.
- Praise for switching between applications.
- Difficulty in reading some of the text.
- 20% were confused at first.
- 35% said they wanted more information in tasks boxes.
- 70% had no trouble using the application.
- Sped up task completion by 65%
From Revisions to Finality
The final design of the program incorporated feedback from research, testing, and quantitative and qualitative iteration. Using our Pattern Library, that was largely based on the Google Material Design assets, I designed is a simple modern theme. It incorporated responsive scaling and design for any device. The iteration you see is just one of the many color themes and layouts a user can choose from due to the light change conditions. Thus the program would smartly adapt to those conditions.
Example of Changes
- Left nav allows for quick navigation through the different incorporated applications.
- The task grid allows for quick reference of the individual tasks with the ability to expand for more information or editing.
- The area allows for real-time view of the event location with estimated time and travel path.
- The schedule calendar allows for easy organization of tasks with pertinent information like vehicles, time, dates, overlaps, etc. You can even adjust for different time zones.
- Every section and application updates automatically whether through manual or drag and drop changes.
POST MORTEM
What I Learned
The first question is, would I do anything different now? Of course! One thing I definitely learned is that UX Design never takes a break and is always humble enough to become better. I definitely learned that good organization and effective interactive prototyping cuts down on development time and leaves more time for good UX analysis of the program itself. Never substitute personal preference for user needs and experiences. Empathy.
WIN REALITY
Case Study
Programs
- Figma
- Adobe Photoshop
- Visual Studio Code
Skills
- UX Design Thinking
- Research
- UI/UX Design
- Visual & Interaction Design
- Desktop, Tablet, Mobile Design
- HTML, CSS, JavaScript
Click the images to view them up-close!
PROJECT BACKGROUND
Project Information
The goal was to create a more enjoyable and successful experience for the users. Win Reality was in need of a more streamlined web console for their VR professional baseball training system. The application needed to be able to be used on multiple devices and have a consistent feel across the board. The target users were primarily coaches, managers, and trainers though players could also use the application for personal training. The current site struggled with bad data hierarchy and not enough direction for the training setup, thus my main focus was to create an easy to use, linear, and user-focused journey. The objective of the application was for the aforementioned users to be able to set up training sets for their players, quickly access the training and information they need, communication, and to be able to receive accurate feedback.
Tasks & Mission
- Why do they need it?
- Who needs to use it?
- How many training scenarios?
- What data needs to be accessed?
- Target devices?
- Target users?
- Best way to organize data?
- Best way to work with VR system?
DISCOVERY
Persona Example
Research Goals
- Interview different types of users.
- Keep in mind different tech levels, mental states, & ages.
- Get a clear view of specific training needs.
- Figure out what works currently and what doesn’t.
- Look at similar products and possible incorporation.
- Determine what devices they will be using.
- Construct hypothesis, test, analyze & share data.
- Create interactive prototypes for more in-depth feedback.
- What is the most valuable way for data communication?
Interview Participants
- Gender
- 3 Males
- Age
- 54 years old
- 50 years old
- 28 years old
- Positions
- Manager
- Training Coach
- First Baseman
Summary
As with most cases, different ages showed to have different skill level in the tech areas. The Manager and the Training Coach both agreed that being able to quickly and easily set up a training scenario was the most important. The Training Coach said that access to progress that was informative and straight-forward was second on his list. The First Base player was really excited about quickly getting into his training and comparing himself to the other players.
DEFINE
Task Flow Example
Prioritize & Hypothesize
- What would be the best layout for the user journey?
- Need to create the training setup to be linear.
- Prioritize data architecture for easy to find information.
- Ability to login with different credentials.
- Quickly access training, progress and communication.
Question
How might we create a web console that reliably communicates with the VR system that allows for quick access to information and setup?
Possible Solutions
- Set up a menu that puts the most used tools as priority.
- Create training setup to be a linear path (bread-crumb) application.
- Information needs to be organized in easy to read/obvious sections.
Hypothesis Outcomes
We believe that a dynamic web console that allows for users to login with different credentials will allow them to only access pertinent applications. Having a data hierarchy that places most used tools in the top section which will allow for quick, easy to use access. Organize the data areas in windowed, scalable areas for easy to read information. Create the visuals in a complimentary, simple design that allows the information to stand out yet feel professional.
DESIGN
Responsive Application
The overall design of the web console was created to dynamically adjust to different devices. The design was created to be consistent visually and usability wise so that users would always understand what they were doing. We created the application using a mixture of HTML, CSS, and JavaScript. Data Science was used to provide accurate progress feedback as well as accurate training scenarios. Information for each section was created in separate data windows that allowed for easy scaling and adjusting with device types.
User Testing
To test the program I created a basic web console through Figma, but also an interactive one through Visual Studio Code. The different phases of this prototyping allowed for an iterative study of how the console would work and allowed the testers to give accurate feedback.
Testing Participants
- In-house QA
- One Manager
- One Training Coach
- One Player
Testing Goals
We were looking for the ability to find the right tool easily and with comfort. We watched for the level of understanding what they were supposed to do and if they could accomplish their tasks effectively. We measured stress levels as well as the different patterns users would use to get where they needed to go.
Example of Test Questions
- Most important part of training?
- Are they able to find the training they need easily?
- Is there anything that doesn’t make sense?
- Were you successful in creating a new training scenario?
- Gathered data on emotions, ease of use, comfort, and understanding.
Example of Test Outcome
- Main tools were easy to locate.
- Praise for data being easy to read.
- Difficulty in knowing where to add new players.
- 15% were unsure of training setup.
- 30% felt there wasn’t enough data feedback.
- 80% had no issues.
- Tasks that averaged 5 minutes now took 2 minutes.
From Revisions to Finality
The final design was created as a modern, sleek application with a sporty feel. I incorporated everything that I learned from the research, testing, prototypes, and feedback. We were able to create a consistent and effective pattern library, as well as a standardized style guide. We established a better organized data hierarchy that directed the users to find the most valuable needs first. The visual design and flow was loosely based on the Google Material design and branding from the companies other products. The quantitative and qualitative results helped us to understand the patterns and needs, to which we were able to create a more successful user journey.
Example of Changes
- Main navigation was created with most important tools in the top section with larger visual hierarchy to draw the eye.
- Text size was created a bit larger than normal because of the majority of the users being older.
- All of the data was organized into scalable windows of information that helped users not get lost or confused.
- Simple, modern layout helped with readability and ease of use.
- Everything had it's place and was designed in a way that you always know where you are.
- Information was given in digestible bites with the ability to show more detailed info when needed.
POST MORTEM
What I Learned
The big factors in this project were patience and empathy. Age, experience, and needs create a huge complex challenge that makes it hard to please everyone. I learned to deal with the challenge by focusing on the roots of the main needs. This allowed me to find the best balance I could for the design.
By creating the training setup with linear direction this helped users quickly create their training scenarios and easily find the information they needed. This was especially helpful for the major age group being in the older section.
Specific organization and better data hierarchy helped to speed up the training creation process and helped to create successful user journeys.
CHESS VISION: THE QUEST
Click the images to view them up-close!
LAUREATE LENS
Click the images to view them up-close!
OTHER UI
Click the images to view them up-close!
DATA VISUALS
Click the images to view them up-close!
More coming soon!
PLACEHOLDER
Click the images to view them up-close!
More coming soon!
TYPOGRAPHY
Click the images to view them up-close!
SCCI
Click the images to view them up-close!
MIDNIGHT STUDIOS
Click the images to view them up-close!
DIGITAL DESIGN
Click the images to view them up-close!
Back to Portfolio Selection
ABOUT
My primary goal in my professional journey is to turn complexity into possibility, driven by a deep desire to simplify and improve lives. I earned a Bachelor's of Science degree in Interaction and Visual Design, and continued my education through the Interactive Design Foundation. My skill set encompasses narrative user experience, interactive prototyping, effective wireframing, traditional art, visual design, illustration, 3D design, and storytelling. This diverse background contributes to my creative and intuitive design approach, particularly in enterprise-level design, SaaS, and B2B environments. I have experience designing for various platforms such as desktop, web, and mobile devices, utilizing tools like Adobe Creative Suite, Figma, InVision, 3Ds Max, Visual Code, along with proficiency in HTML, CSS, and JavaScript. Feel free to explore some of my work, and please reach out if you resonate with my approach. Thank you for visiting!
SKILLS
- Designed UI/UX in corporate, and startup environments with experience in managing business objectives, consumer brand communication, conducting and interpreting market research and usability testing, and cross-team collaboration.
- Through user research and usability testing I was able to help design and create forward thinking user interfaces that helped improve user experience. This aided me in solving UX and visual design challenges with customer and user guidelines in mind.
- Able to design for multiple platforms (desktop, mobile, web, tablet, etc.).
- Able to work under pressure and thrive in fast-paced work environment while maintaining high quality results.
- Solid grounding UI/UX design, traditional art, 2D/3D art and modeling. Versatility to quickly adapt to different art styles. Skilled in creating textures/lighting of various styles realistic to stylized.
- Bachelor of Science with a heavy emphasis on Design and User Interface.
HOW I WORK
My Core UX Principles
- Be the Voice of the User!
- “Why are we building this?”
- Develop a Plan and a Process
- Stay Usable, Consistent
- Understandable & Accessible
- Focus on MVP, Consider Nice to Haves
- Study User Patterns
- Keep User Journey Understandable
- Visual Grammar & Personality
- Feedback Matters
My Process
- Why are we creating this?
- What problem/need are we solving?
- Who are the target users?
- What is the timeline?
- Get manager/companies thoughts & directions.
- Get an idea of branding needs.
- Get an idea of the timeline expected.
- Whiteboards are fun!
- Is there Competition?
- What works & what fails?
- Review similar products.
- Interview potential users.
- Sketch out ideas
- Wire-Frames
- Flow-Charts
- Features
- Figure out MVPs & Nice to Haves.
- Give team feedback, results & plan.
- Receive feedback & whiteboard design thoughts.
- Decide on best design processes to use
- Some Examples:
- Personas
- Card-Sorting
- Use-Case Stories
- Types of User-Testing
- Flow-Chart Detail Level
- Prototypes - Static or Interactive
- Some Examples:
- Design in digestible chunks.
- Design low-fidelity flow-chart.
- Use flow-chart to design low-fidelity wire-frame.
- Design Meeting for feedback.
- Create basic prototype based on feedback & wire-frame.
- Start work on Pattern Library & Style Guide.
- Design Meeting for design overview & feedback.
- Get user feedback.
- Iterate prototype based on feedback.
- Design, Review, Revise, Repeat
- Most time of process is spent here.
- Nail Down MVPs
- Consider Nice to Haves
- Finalize Pattern Library & Style Guide
- Depending on timeline - User Interviews & Testing.
- Development can start working on "features" framework.
- Develop in small chunks.
- Test often.
- User Interviews & Testing
- QA the heck out of it!
- Depending on timeline - One more round of User Testing & Interviews.
- Release product and turn users into promoters!
- Post-Mortem
CONTACT ME