Hola!

I am Sravan

User Interface developer with a passion for building inclusive end-user experiences. I specialize in building elegant interface solutions for complex problems.

Washington, DC

Experience

Principal Frontend Engineer @ EAB

Accessibility & WCAG Compliance

Work with multiple product teams to meet WCAG 2.1 compliance.

  1. Run manual and automated audits for WCAG 2.1 issues across multiple products.
  2. Analyze the audits and create a plan to address the compliance issues based on priority.
  3. Provide solutions and references to mitigate WCAG issues.
  4. Update component library and implementation guidelines to address issues across multiple products.
  5. Review solutions and code from developers to align with best practices.
  6. Contribute to design system documentation for solutions that address common accessibility issues.

Enterprise Design System & UI Component Library

Build unified design system for enterprise products with EAB branding. Develop UI components for the design system based on webcomponents to work across multiple front-end frameworks and libraries.

  1. Build a design system that adheres to EAB design system, accessibility compliant and follows UX best practices
  2. Build rich component library based on design system for rapid application building.
  3. Build components library with web components to be compatible with multiple front-end frameworks.
  4. Audit each component for AX compliance and performance.
  5. Build components and libraries in Typescript

Micro-Frontend Services

Build application framework with common service modules and prefabricated solutions to rapidly bootstrap frontend applications

  1. Build application-level components for navigation, workflows, forms, datatables and page patterns.
  2. Build application services for authentication, routing, tracking, logging, caching, network & error handling.
  3. Build tooling & CLI to bootstrap and build applications based on webpack & rollup.
  4. Build support for unit tests and e2e tests with Chai, Mocha & Cypress.
  5. Add CI scripts to support builds, running tests, auditing & deployments.

Configured Course Catalog Search

Build a highly configurable interface with advanced filters to search course catalog across multiple parameters

  1. Define metadata contract to render form fields based on data type and additional supporting elements like hints, labels etc.
  2. Transform elastic search metadata into rich metadata to construct various types of form fields
  3. Define metadata contract to render results of the search on tabular or card format with multiple data points and formats
  4. Leverage REST API methods to fetch metadata via OPTION and GET with query params to get results
  5. Interface is dynamically constructed at runtime based on metadata which can be configured per school

Senior Frontend Engineer @ The Advisory Board Company (EAB)

WCAG Compliance for Navigate

Update multiple features across a complex single page application to WCAG 2.0 compliance.

  1. Update Angular SPA application and components to be accessible.
  2. Build accessible alternatives to complex interactions and visualizations
  3. Update colors for contrast, navigation links and buttons.
  4. Update aria attributes, labels for components and images
  5. Update widgets, forms, navigation and dialogs for keyboard operability.
  6. Test SPA with screen reader software to find issues and validate solutions.

Academic Planning Solutions

Build a collaborative academic planning solution for students and advisors at institutions.

  1. Build an intuitive interface for students to plan their academic plan across multiple terms/semesters from a catalog of courses that are available for their degree goals.
  2. Design and collaborate in system design and APIs for academic planning and collaborative features.
  3. Lead the team of frontend engineers to deliver complex interactive solutions against tight deadlines.
  4. Architect the interface solution to be packaged, configured and deployed in multiple products.
  5. Build version management features to enable collaborative academic planning between students and advisors.
  6. Enable real-time updates and notifications with WebSockets.

Class Scheduling & Registration System

Build an intuitive course/section scheduling and registration system integrated with institutions.

  1. Build an intuitive interface for students to pick their courses/sections for a term and register them.
  2. Build a calendar to allow for students to plan and pick courses based on their schedule preferences.
  3. Architect solution for students to see class/sections availabilities in real-time.
  4. Build accessible alternatives to complex interactions like drag & drop and calendar scheduling.
  5. Build client-side rules engine to accommodate complexities in scheduling system to guide students to pick right schedule matches.

Rapid Application Framework

Build tooling and solutions for rapid SPA application development based on AngularJS

  1. Build application-level services for networking, routing, logging, tracking and pages
  2. Build re-usable accessible components for rapid page composition.
  3. Setup standard configurations & tooling to build, test and deploy applications.
  4. Document and create patterns and guidelines building angular applications.

Navigate/Guide Mobile App

Bootstrap and deliver company's first mobile app that's used by students to get help and navigate their way through college degree.

  1. Bootstrap a mobile app based on Angular/Ionic/Cordova.
  2. Build group messaging features to allow students to request/join in study groups.
  3. Build task-based list management features for students to navigate their first days at school.
  4. Build appointment scheduling feature for students to get help from different resources at school.
  5. Build authentication integration with various auth systems at multiple schools.
  6. Build caching strategies and offline experience for mobile app.
  7. Build mobile calendar for students to view class schedule and integrate with native calendars
  8. Integrate native features like push notifications, reminders, calendars and asset caching.
  9. Build pipelines for building and optimizing assets, building native apps, submission to app stores.
  10. Manage certificates, app review submissions & app releases
  11. Maintain and troubleshoot integration issues, updates and OS version compatibilities

UI/UX Designer & Frontend Developer @ FanFueled

FanFueled is an engagement marketing company that builds social gaming solutions for brands, artists, and festivals. We use patented software to track the ripple of influence, incentivizing peer‐to‐peer marketing

Platinum Nights

FanFueled fan engagement platform for launch of Bud Light Blue & Michelob Ultra

  1. Built frontend client for Platinum Nights fan engagement project.
  2. Built integration with Facebook, Twitter SDKs to pull friends and allow quick sharing.
  3. Built responsive web app for mobile and desktop.
  4. Built features for high availability and fast responsiveness to meet gaming requirements.
  5. Optimized code and assets for page load performance to improve user experience.

FanFueled Engage

Designed graphical content and Developed UI for FanFueled social e-commerce platform and profile pages.

  1. Designed mockups for Mobile and Tablet UI for brand pages and user profile pages to improve usability and encourage participation.
  2. Redesigned and developed DIY wizard for brand page creation on FanFueled Engage platform.
  3. Developed custom plug-ins for various functionality on FanFueled engage web platform.
  4. Developed responsive webpages for mobile and tablet friendly brand pages on FanFueled platform.
  5. Optimized page load performance using various techniques like use of domain sharding with multiple CDN and optimizing images for various thumbnails
  6. Built dashboard to track metrics across multiple pages to generate reports, track engagement and troubleshoot issues.
  7. Created UI, wireframes, and interactive prototypes for engage platform features.

FanFueled Event Ticketing

Ticketing platform built for artists, brands, & clubs in Mid-west region.

  1. Created new UI designs and process flow for easy ticket purchase and checkout process.
  2. Designed online event tickets, order confirmation emails and built for multi-device and print layouts.
  3. Designed UI, prototypes and developed frontend for FanFueled Box-Office web app for Kiosks.
  4. Developed Mobile web app for FanFueled Event pages and mobile checkout.
  5. Conducted heuristic analysis, Competitive analysis and User testing for redesigning FanFueled Events
  6. Designed UI for event creation wizard and ticket purchase process
  7. Designed and developed ticket purchase widget that can be embedded on other sites.

User Experience & Content Developer at OISS, DePaul University

Office of International Student Success

Performed various design tasks, website maintenance and built content for student success team.

  1. Designed user interface for the office student check-in touch screen application.
  2. Created site maps, surveys and conducted card-sorting to create top-down information architecture of the International students’ office website.
  3. Created designs and improved website navigation to increase content accessibility
  4. Created educational video tutorials, event fliers, designed handouts & information booklets for international students.

Web Developer Intern at Mobile Media Division at VeriSign

PictureMail Reports Dashboard

Report dashboards to track various statistics like error rates, server performance, server logs & response metrics.

  1. Developed a Web based monitoring and reporting app for the PictureMail and MMS platforms.
  2. Designed the app architecture and implemented in object-oriented code using Java and Perl.
  3. Designed & implemented the database to store and serve millions of data points.
  4. Analyzed various data visualization APIs and implemented in the project using Java applets for visualizing server performance data.

Designer at Association of computer Science, BITS-Pilani University

  1. Designed and developed the association web site.
  2. Designed logo, certificates, flyers, invitations and t-shirts for the association.

Projects

Some past projects curated

  • FanFueled Engage DIY
  • Platinum Nights Scavenger Hunt
  • FanFueled Tickets
  • FanFueled Mobile
  • Fanfueled Engage
  • Cows and Bulls Game