Steven Kelley UX Design UI Design Web Development About Contact
-

UI Design.

My position's at ProQuest & Learning A-Z were an all-in-one web-designer building concepts to html/css front-end code. However, my role adapted quickly to a full time User Interface Designer for the last 3+ years. With 17 years of knowledge and knowing the inner workings of HTML/CSS, and taking online courses on UX/UI design, I quickly fit into my new position as a Senior UX/UI designer. Below are a few samples of my work.


Style Guides


Everything below is utilizing Figma for our Style guide Library. I coded multiple components and variants options to speed up productivity for wireframing and designing pages for our new products Foundations A-Z and Writing A-Z.

Challenges

Adapting to Figma

Challenge: I started UI design within photoshop and Adobe XD. The limitation of these products quickly became apparent in user interface designing. With the lack of prototyping tools, variants and component assets. interface design couldn't be completed in the fast-paced environment at Learning A-Z.

Solution: I took it upon myself to learn and become proficient at Figma. By taking tutorials, classes, and complete multiple certification courses at Udemy.


Scalability

Challenge: One example was to overcome the Scalability, and alignment of the button variants in Figma. Because we needed multiple sizes, colors, and variations, the button selection quickly became complex.

Solution: By adjusting the auto layout for specific variants inside the component a designer could easily enable the auto layout with a slider property giving them an option for a scalable or a static button when needed. This process was repeated on many components in the library.

Accessibility

Challenge:I had to follow strict accessibility standards due to working on educational software for children that was required in many states.

Solution: I completed multiple training courses through the years on WCAG 2.0 Accessibility guidelines, and practiced accessibility to verify every design. I utilized multiple accessibility compliance tools on Learning A-Z and Kurzweil Education products so we could continue to serve school systems that required these requirements.



Figma Library



Web Interface Design


Account Management page


Redesigning the Teacher Account Management page. 2023


2021 Foundations A-Z


Examples of the new foundationsa-z.com site design.



2022 Writing A-Z


Examples of the new writinga-z.com site design.



Application Interface Design


During an interview process I was asked to create 3 to 5 mockup's for a techinical interview and present them to the panel. I was given access to their web application, and displayed the process within Figma including the styleguide, wireframe and final design.

I also created an interactive HTML page for the login concept here: Interactive Login page.


Kurzweil 3000 Windows Application


I was tasked with redesigned the outdated Kurzweil web applications. The orginal concept was a quick change of the buttons and complete it within a month, however after proving to the stakeholders we needed a full redesign by utlizing case studies, it was approved and I began my work.

By incorporating accessibility guidelines for typography, color theory, and keyboard navigation as well as optimizing the product for modern operating systems by simplifying the tasks into 3 core components: Read, Write and Scan the application was more user friendly and reduced cognitive load on the users, which increased sales by over 20% in the first year, while helping thousands of teachers and students with learning disabilities in school systems, and colleges around the world. Here's a few samples of the product.


Mobile


Raz-Kids Mobile


Examples of design work done on the Kids A-Z app performing mobile best practices for navigation and layouts.



Kurzweil Mobile


Upon completion of the Kurzweil 3000 Windows Application, my next task was to create a new mobile Kurzweil 3000 app utilzing WCAG 2.0 Accessiblity standards and color theories, and touch interaction for students and teachers to use on tablets and phones.


Contact

stavos@gmail.com ©2023 Steven Kelley.