Designing & Translating "Simplebks" UI into live prototypes and responsive Web & mobile UI. I write the HTML, CSS, and presentational JavaScript like Modal, Menu and others.

Introducing Simplebks

Simplebks is a comprehensive business management software solution that offers a range of essential features to streamline operations and support financial decision-making. With Simplebks, businesses can efficiently record transactions and automatically generate financial reports, enabling owners and managers to gain valuable insights into their financial health.

Project Details

Role: UI Design, UI Interation, Prototyping, UI Development, Product Testing, UX Design, Research

Tools: Figma, Affinity Designer, Sketchbook & Pen, Github, Visual Studio Code, Html, Css, Tachyons, JS

My Role and Contributions

In my role, I have the responsibility of designing high-fidelity user interfaces using Figma, as well as developing responsive prototypes using HTML, CSS, and Git. These prototypes provide a realistic representation of the final product, allowing stakeholders to visualize and interact with the interface.

I specialize in creating user interfaces that are optimized for both mobile and web platforms, ensuring a seamless user experience across different devices and screen sizes. By employing responsive development techniques, I was able to provide users with consistent and intuitive interactions, regardless of the device they are using.

What we built

For Users: We have developed a responsive web application specifically designed to cater to the needs of small and medium enterprises (SMEs). With our responsive web app, They can effortlessly record and manage transactions, ensuring accurate and up-to-date financial records. The app also offers powerful inventory management capabilities. Users can efficiently track inventory levels, monitor stock movements, and receive alerts for low stock or potential shortage. with this SMEs can gain better control over their finances, make informed decisions

For Admin/Business Owner Users: The platform provides admin and business owner users with the essential capability to create and assign roles to sub-users with customizable access controls. This feature enables efficient delegation of responsibilities, streamlined collaboration, and enhanced security within the system.

Design process
Research, Prototyping & User Testing

In order to overcome challenges related to cost, time, and team limitations, we adopted a GUERRILLA UX approach. This approach allowed us to be resourceful and creative in developing a method that was both cost-effective and time-efficient, while still delivering impactful insights into user experiences.

GUERRILLA UX involves using unconventional and agile techniques to understand user behavior and gather feedback. It is characterized by its flexibility, making it our preferred method when faced with constraints. By employing this approach, we were able to test product concepts at various stages of the design and prototype process. This iterative feedback loop helped us fine-tune our product to better meet the needs of our target users, resulting in a solution that effectively supports SMEs in their operations and growth.

******

This case study provides an introductory overview of the UX process at Simplebks, with primary focus on showcasing my UI design (Figma) and prototyping skills. It highlights the work I have done in creating visually appealing and user-friendly interfaces, as well as developing high-fidelity prototypes using HTML, CSS & Tachyons

I am more than happy to provide detailed insights into the user research, usability testing, and other UX methodologies that were employed in greater depth during a call to ensure a seamless and engaging user experience.

Live Project explorations at
https://simplebks.com/

With Simplebks, I had the privilege of working on a variety of designs, each thoughtfully crafted with a strong emphasis on delivering a pixel-perfect user interface. I am excited to share some of these exceptional designs with you.

I'm pleased to mention that all the high-fidelity code, including HTML and CSS, was personally executed by me. Additionally, I utilized the Tachyon CSS framework to ensure optimal performance and maintainability while adhering to the project's specific requirements.

Project is live now and some mvp as been achieve - Live explorations at - https://app.simplebks.com

Website Design and UI Development - Live explorations at - https://simplebks.com/

Back Home