Creative Direction, Front-end Development, UX/UI, Photography and Project Management Services
Led a comprehensive redesign of the job seeker side of hosted boards based on UI/UX best practices in an agile environment. Streamlined data heirarchy to eliminate data redundancies and improve efficiency. Introduced a front-end Compass/SASS framework to facilitate a modular templating system which allows designers and developers to easily customize boards without the added weight of large framework libraries. Provided mock-ups, static and interactive HTML/CSS, browser compatibility testing, and custom designs for standard, managed and premium partners.
When dealing with an unfamiliar process, I always find it helpful to document the existing flow to get a better idea of the current architecture, usability, data redundancies, and content sources.
The flowchart helped frame the discussion with users and stakeholders as I held meetings to get a better understanding of demographics and user journeys.
Finally, I was able to use the chart as a base for a competitive analysis to gauge industry standards.
This consisted largely of discussions to understand the product goals and requirements, use cases, and clear pain points.
The results of the competitive analysis also provided insight into strengths and weaknesses of the product, as well as existing/optimal patterns, and areas of opportunities.
In addition, I outlined the basic UI/UX goals I hoped to address during the redesign, and provided clear examples of each as they related to both existing and potential processes.
Next step for me was to distill the information I had gathered to begin designing solutions. For this particular project, we began with a job seeker's journey to find and view a job posting.
Initial drafts were static mockups/sketches to be sure that the data heirarchy and user content was correct and relevant.
As I iterated on the design, I created interactive prototypes, using primarily the InVision app, which provides a great platform for collaborating with teams and users regardless of location (important to me as I was working remotely).
One of the problems we were solving for was the inability to easily onboard and customize sites for new partners due to bloated and inefficient legacy code.
My solution was to pull out all inline styles and introduce a lightweight, Compass Sass framework in which components were styled at the atomic level. This allowed designers/developers to easily plug components into pages, and customize using external css only.
The redesigned front-end also facilitated customizations for premium partners requiring more complex revisions, because the html had been streamlined and re-coded to meet industry standards.
Midway through the project, the company for whom I had begun the redesign was acquired by a portfolio company in another state.
A webinar was scheduled to provide partners with an overall view of synergies, expectations, and the status of existing projects.
I was asked to speak at this event, and to that end I prepared PowerPoint slides and addressed the coming changes to the Career Center platform.
Finally, deploy when all team members and stakeholders sign off.
Worked with cross-functional team to replace dated, legacy code with clean, compliant code within a single page web app. Included the redesign of system error pages which utilized parallax scrolling to simulate movement in clouds and error status, and data URIs to ensure all assets are delivered to user should dependencies be inaccessible.