Jay / portfolio

Jay / worked with / Caption Generator

API elective project redesign

As part of the API elective at the Multimedia Design programme at UCN, my team and I have been tasked with developing our own web service concept and prototype. This included designing its purpose, planning and implementing its database, programming the backend with the REST architectural style, as well as realizing a simple frontend for the service.

After finalizing the above requirements, I have worked on a high-fidelity prototype for the second iteration of the website, along with updated design elements and functionality.

You can see the preview of the final product

Process summary

Designed style elements evocative of the service (inspired by Instagram).
Reworked the structure of the website by expanding its functionality.
Created a design layout based on the new features.
Ran tests on external users via an Adobe Xd presentation.
Implemented changes based on the user feedback.

First iteration

Since the focus of the project was on the functionality of the service's database, my team and I opted on a simple frontend solution that was in-line with the scope of the assignment.

In this iteration, the website can be viewed by a guest (top) and an admin (bottom), accessible via login credentials. The guest has access to the captions stored in the database, and can choose to have them selected at random by the algorithm, or select up to two variables: "length" and "mood". The admin, on the other hand, can use those variables to add more captions to the database.

Website structure

Before focusing on the design, I decided to completely rework the website's structure by adding new features based on the users and endpoints defined by the API.

In this version of the website, the member would be able to submit new captions, as well as the "mood" caption ID, which would then be pending for admin's approval.

Admin would be able to then review user submitted items, as well as view and edit all captions by navigating them via the "mood" category. They would also be able to view and manage all existing user profiles.