magnASCII.io Simone Magnaschi
Senior Full Stack Web Dev

DaDaBIK 8 - Lerici - UI

Year: 2017
Demo: Url

About

DaDaBIK is a PHP server side software that enables the possibility to create a dynamic web application based on a relational database system without writing any code. It is a mature and robust software with many customers worldwide.

Eugenio Tacchini the creator of DaDaBik, with whom I worked together for this, wanted a refreshed UI for version 8.

Technically

The main constraint that I had was that the HTML template could not be touched and all the work needed to be made by tweaking the CSS applied to the existing template.
That constraint made the work particularly difficult. It was not possible to rebuild the entire interface from scratch, nor using well known and established libraries or frameworks; everything has to be made by working on the existing CSS. The main focus wat to improve the whole interface trying to make it cleaner and more functional, bringing responsiveness into the equation.

After a long series of iterations by minimally touching the template and the structure of the original front end code we have improved the look and feel of the entire application, improving the existing interface, adding responsiveness and made the color scheme, typography and spacing more consistent.

Feedback has been great so far and at the end of the day I was very happy with the result.

You can check out the project here.

Other projects

Convert Spotify Urls to Apple Music

A minimal GUI utility to convert Spotify Music catalog entities to Apple Music.
Tags: #VUE-JS #AWS-LAMBDA #NODE-JS #TAILWIND-CSS
Year: 2020

Wod Of Death

A WOD generator for crossfit lovers.
Tags: #VUE-JS
Year: 2018

World Beat

A sci-fi inspired UX for a brilliant project. This is what happens when you have smart friends seeking for help.
Tags: #UX #UI
Year: 2017

When you're feeling down and lonely

A silly project involving looping youtube movie clips and funny sounds.
Tags: #JS #Youtube api
Year: 2016

Mentor.FM: the same beat

A social interaction project for music lovers who have similar taste.
Tags: #JS #Frontend
Year: 2015

ASCIIplayer

A gui for an HTML5 music player entirely made by ASCII chars.
Tags: #JS #Soundcloud #MusiXmatch
Year: 2013
❤️
</>
2024