What was this project about


Conceptualization and briefing

EMPIRE MEDICAL TRAINING is a leader company in the world of teaching hands ons aesthetics procedures based in Sunny South Florida, it has many years of expertise and is Leader in the field.



Formal requirements and features

The idea behind the update was to make a more sober, simple and trustworthy website at the same time integrating a Dashboard / CRM were Customers and Staff alike could benefit from, while maintaining a branding that will seamlessly flow from one to the other.



Unified Branding


  • NEW Logo: (Optional)
    To Develop a more cohesive image, the logo took a modern leap to still keeping the escence of the previous but directing it to more educational less spa field.


Customers Common Features


  • Event tab for the customer to inscribe or cancel attendance to the upcoming seminars.
  • NEW Dashboard:
    a dashboard tab where the Customer can review their purchases history and request their CME | AMA credits.
  • NEW Perks:
    a perks tab where the customer could enjoy discounts from our vendors partners.
  • NEW Available Courses:
    a list of the courses available, where members could view the details of the course together with a video (Free for members, available to buy for not members).
  • NEW Related:
    a list of links and resources for the visited course.


Staff Common Features


  • Event tab for the customer to inscribe or cancel attendance to the upcoming seminars.
  • NEW Dashboard:
    a dashboard where they can review their leads/customers information when needed.
  • NEW Sales Team Overview:
    The Admin can review the Sales to date, of each one of their sales, together with the corresponding commissions and bonuses.
  • NEW Event Attendance:
    The Admin and Traveler can download the current attendance to a specific event together with the already signed concept forms.



Web Design | UI | UX Design (Figma)

Here I took the time to come with a graphic to explain the overall look and feel of the site, we defined the Fonts, weights, and unique style (in this case the combination of Montserrat Semibold with the last Word in light), and we defined the Coloraturas use, background, alternative background, primary, secondary, disabled.. etc.



Frontend ( TailwindCSS + VueJS)

For the Frontend I used the TailwindCSS framework, I made a theme to bring the already designed User interface to live, and keep some of the basic TailwindCSS features that work pretty good out of the box, to improve Client side UX I used VueJS for a couple components, a Slider in the front page, and dougnut charts for the Dashboard of the Admin and Sales persona.



Backend (PHP + Laravel)

For the backend( using Laravel ) I started with the planning of the database structure and the different stakeholders personas ( Staff: Admin, sales, and event traveler, Customer: Members, Single attendees and Leads) each of one have different task and abilities.