Microwlights is a free admin template built using the bootstrap 5 framework with an attractive, modern design and using a glass style approach and of course open source, aimed at all web developers who need an admin panel template that follows current design trends.

I built this site using several tools, namely:

• Figma, as a tool for designing website design.
• Javascript, as the programming language that I use on the backend to manage API data and also manipulate the display more reactively.
• Bootstrap version 5, as the css framework that I use for the frontend or appearance of the site.
• Html 5, as the site framework.

I ended up skipping the wireframe process due to the deadline, and also most of the components were already standardized by bootstrap, therefore I only had to change the design style with my own. it was more time-efficient considering that I did the process of working on this template myself from the requirements analysis, design and coding stages. i know this is not a good example. but this is the fact.

The users and audience for this admin template are web developers.

I am the designer and developer for this project, so I do all the design and development work. From icons, illustrations, wireframes, mockups, prototypes and converting designs to lines of code.

There are several steps that I have to do before starting to make this project including:

• Research what data should be presented based on the case study.
• Inspiration design
• Mockup

I researched the internet and online stores that sell admin templates, studied what they presented and collected other free admin templates for my deeper research. decided on the color of this template brand.

This was a source of inspiration for layouts from Microwlights competitors that were relevant to the site I wanted to build. And I ended up using some layout and design approaches from this inspiration.

This time I decided to skip the site map because this is only an admin template that focuses on website components.

After the process of analyzing the needs, determining the template style, color and design inspiration continues to the process of making mockups. and this is the final result

Redesigned each of the default components of bootstrap into microwlights own style