project 1 - OVERVIEW
ECI Software Solutions provides business management software for small to medium-sized businesses for industries like manufacturing, distribution, and construction.
ROLE
UI/UX Designer
TEAM
Victor Camara - Head of Analytics & Digital Marketing,
Samuel Austin - Front-End Developer
Steve Neumeier - Data Analyst
Nathan Rich - Creative Director
Kendra Mitchell - Senior Designer
Access to More Resources
PROBLEM
The resource page is a top 5 visited page but few of the resource tiles are easily accessible. It previously had a horizontal scroll that displays 5-7 items.
SOLUTION
Implemented a vertical scroll with a filter, 9 viewable tiles and pagination to show more resources and indicate where you are in your search.
ROLE
I led the revamp of the resource page
I collaborated with a 6-person team to research filter designs, strategize the user flow, design resource cards and layout, and ensure developer-ready assets.
CONTRIBUTIONS
Competitive Audit, Filter user flows, Information architecture, lo-fi wireframes, hi-fidelity mockups
RESEarch
How do others filter?
COMPETITIVE AUDIT
We ran a competitive audit to see how similar companies organize their resource pages and how they handle a multi-level search. We referenced similar attributes that Qualtrics, FormStack and Rydoo incorporate into their search. Some features we found helpful were the left aligned filter, pagination, and category tags.
Final Design
Finding what I need
Resources were pre-filtered by industry and product, so users can focus on content type: case study, video, etc; simplifying the search process and reduced bounce rate. Filter was placed on the left for easy access, and high-level version can be accessed on corporate pages. Tiles featured a zoom-in hover to grab attention.
On mobile, drop-down function will replace checkboxes for easier selection.
Project 2 : Manufacturing Training
〰️
Project 2 : Manufacturing Training 〰️
project 2 OVERVIEW
information overload
PROBLEM
The Manufacturing Training Page was a program that offered our clients a selection of monthly classes to train their employees on the M1 product.
The course details were scattered across a long page, making it difficult to schedule multiple courses. With the CTA at the bottom, clients had to scroll through a lot of information, leading to frustration and a lower registration success rate.
SOLUTION
I organized the courses within a monthly calendar format to keep the information viewable at a glance. It allowed clients to easily sign up for multiple courses at once.
Ideation
Organizing the user flow
INFORMATION ARCHITECTURE AND USER FLOW
I organized the information architecture and streamlined the scheduling process that led to a simplified shopping experience.
I aimed to make course details clear at a glance, showing course availability and enabling multiple selections, which led to the idea of a monthly calendar schedule inspired by Microsoft Teams.
Final Design
improving Course Enrollment
CONCLUSION
Class information is presented more concisely, making it easier to schedule multiple courses.
DESKTOP DESIGN
MOBILE DESIGN
LESSONS LEARNED
Room for Improvement
I would have re-designed the Order Review section. The hierarchy is a little confusing and it should be more apparent that you could edit class times and dates in that section.
Word legibility is a bit hard on mobile, I would have tried a vertical calendar as a weekly calendar versus a monthly calendar
The color palette was limited— secondary colors could have made selections more apparent