CASE STUDY
EV Charging User Flows
Designed and developed several complex user flows on a popular EV Charging web app. This included user onboarding, account creation, guest account user interfaces, an activity dashboard, subscription and payment method editing, and profile settings.
WHAT I DID
- UI/UX Design
- Data visualization
- Front-end development
- Integrated language plugin
- Integrated payment provider
TECHNOLOGIES
- HTML
- Responsive CSS
- Vue
- JS, JQuery
- Jira
Objective
Create intuitive interfaces for EV drivers to find charging stations & manage their payments.
CHALLENGES
- Multiple user roles
- Complex charging & payment instructions
- Many data states, including empty states
- Too much data
SOLUTIONS
- Create custom content for each role
- Redesign & simplify payment flows
- Utilize Vue to handle data states
- Summarize data to highlight key points
OUTCOMES
- Easier & faster account creation
- Reduced calls to customer support
- Easier to maintain JS codebase
- Improved UI hierarchy and structure
PROCESS
- Define requirements with client and engineering
- Collaborate on UI design with client's marketing team
- Sketch different UI layouts and flows
- Write front-end HTML, CSS, and Vue JS
- Work with engineering on data end points
- Test front-end with multiple users and states
Multi-step Workflows
Conceptualized, designed and developed user flows for onboarding, payment processes, registration, and applications across numerous industries. Built web apps for startups to large corporations while at the software develpoment firm, Ephibian. Collaborated with clients, art directors, sales, customer service and engineers to iterate ideas for product success.
WHAT I DID
- UI design
- Prototyping
- Front-end development
- Performance optimization
- Payment integrations
- Mobile optimization
- Legacy system upgrades
TECHNOLOGIES
- Photoshop
- InVision
- HTML
- Responsive CSS, Bootstrap
- Vue
- Google Cloud APIs
- DocuSign