Medri App

UX/UI DESIGN, DEVELOPMENT

University Management System for Medical Studies

Scope of work

UX Design

WIREFRAMING

PROTOTYPING

UI Design

STYLEGUIDE

VISUAL DESIGN

Development

FRONTEND

BACKEND

Marketing

CONTENT MARKETING

SEO

Website architecture

The first requirement for an exemplary user experience is to meet the exact needs of the user. Next comes simplicity and elegance that produce products that are a joy to use. Those main ideas were the guidelines for developing the wireframe for this university management system.

Styleguide

We introduce meaningful typography and colors to reinforce what the brand stands for.

Typography

Aa

Lora

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Aa

Nunito

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpRrSsTtUuVvWwXxYyZz 1234567890

Colours

Herbs

Primary-1

HEX: #00AEEF

Primary-2

HEX: #40C2F3

Primary-3

HEX: #BFEBFB

Secondary-1

HEX: #00417A

Secondary-2

HEX: #80A0BC

Secondary-3

HEX: #BFCFDE

Accent-1

HEX: #04EC8F

Accent-2

HEX: #EC4204

Typography

Title-1

HEX: #FFFFFF

Title-2

HEX: #40709B

Body-1

HEX: #FFFFFF

Body-2

HEX: #8E8D8D

Development

The frontend of this app was developed using Vue.js - a JavaScript framework for building user interfaces. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries. The backend was developed using Laravel - a PHP web framework, for the development of web applications following the model-view-controller architectural pattern. Laravel provides elegant solutions for Routing, templating HTML, and authentication, which makes it an excellent choice for backend.