Nov 2020
  

100 UI Library

Intro

The user interface screen library has 100 screens related to various apps. I focused on preparing this project so designers could learn as much as they could about the design of these specific pieces, and they also have an example of what a ready-made UI might look like.

Time

6 weeks, 2020

Role

Product design, branding, and web design. Personal project for Design community.

Goals

I recognized that many designers need help to create user interfaces that are both visually appealing and functional. Access to a comprehensive library of UI elements and screens could be a valuable resource for designers looking to improve their skills and knowledge.

To create the library, I first identified various standard design challenges designers face when creating user interfaces for multiple apps. Then I worked with experienced designers to develop solutions to these challenges, drawing on the latest design principles and best practices.

I also paid close attention to creating a seamless user experience, recognizing that this is an essential aspect of any successful app. I focused on creating intuitive layouts and navigation schemes and choosing typography, colors, and icons that work together to create a cohesive and visually appealing design.

✦ To provide designers with a comprehensive understanding of the design principles and best practices for various apps, including layout, navigation, typography, color scheme, and icon design.

✦ To serve as a reference for designers looking for inspiration and ideas for their projects.

✦ To help designers learn about different design styles and approaches and how to effectively apply them to various apps.

✦ To provide designers with a range of ready-made UI examples that they can use as a starting point for their projects or customize to meet the specific needs of their clients.

✦ To help designers learn how to effectively organize and present their work to clients, stakeholders, or team members.

✦ To provide designers with a resource for staying up-to-date with the latest design trends and techniques.

Finally, the team tested the library thoroughly to ensure that it was easy to use and that the solutions provided were effective. They also included a range of ready-made UI examples to serve as a starting point for designers working on their projects.

Overall, the library's goal was to provide designers with valuable resources that would help them create user interfaces that are both visually appealing and functional and to make the design process as efficient and enjoyable as possible.

Results

User feedback has been excellent. We have file users saying that the UI kit was a great way to get started with app design and for other designers to share tools among team members.

✦ Improved design skills and knowledge: By studying the design principles and best practices outlined in the library, designers can enhance their understanding of how to effectively design user interfaces for various types of apps.

✦ Increased efficiency: The library can serve as a reference for designers looking for inspiration and ideas, which can save time and increase efficiency when working on new projects.

✦ Enhanced creativity: By studying various design styles and approaches, designers can expand their creative horizons and learn new ways to approach their work.

✦ Improved project organization: The library can help designers learn how to effectively organize and present their work to clients, stakeholders, or team members, which can improve the clarity and effectiveness of their designs.

✦ Staying up-to-date with the latest design trends: By using the library to stay informed about the latest design trends and techniques, designers can ensure that their work remains fresh and current.

✦ Improved client satisfaction: By using the ready-made UI examples in the library as a starting point, designers can more quickly and easily create user interfaces that meet the specific needs of their clients, which can lead to increased client satisfaction.

100 UI Library provides app designers with tools to complete app designs in less time. It is the first app design kickstart experience ever!

30k people bought/downloaded this UI kit. The main landing page recorded over 200,000 visits.