Microtools

From June to August 2019, I worked alongside web developer Aaroh Mankad in designing two microapps for the unum.la website. The two apps I designed are a color palette generator and an Instagram text editor, tools that the UNUM community has found valuable in planning and creating their social media content.

Check out the website here: resources.unum.la

UNUM Resources Homepage
Microtools Homepage
Color Palette Generator

The color palette generator generates a color palette from a user-uploaded image. It pulls the five dominant colors found in the photo and lists their hex values. An easter egg within this mini-app overlays the photograph with the color swatches. Users can easily copy the found color values and use them in their own content creations, as well as download the image with the swatches overlaid.

Guide displaying positioning and sizing of swatches in relation to the uploaded image
Swatch Layout Guide

Looking at commonly-used Instagram hashtags and our own user generated content, I proposed the guidelines shown above to serve as the constraints for ordering and positioning the swatches over images. The swatches are ordered  top to bottom from darkest to lightest, and are positioned directly in the center with their sizes being relative to the photograph.

The most common type of imagery being uploaded onto Instagram is outdoor photography—landscape shots, panoramics, wildlife, oceans, sunsets, etc. This proposed swatch guideline took that into account in developing an original composition that aimed to feel like a collaboration between UNUM and the user.

Instagram Text Editor

The Instagram Text Editor is a separate tool that uses Unicode characters as fonts which can be applied onto the typed text and then be copied and pasted into Instagram. This tool allows avid Instagram users to style their otherwise plain text in different fonts.

Mockup Flow of the Instagram Text Editor Tool
Instagram Text Editor Mockups

Interested in working with me?

Drop me a line