UI UX

This page is for posting my completed UI UX class assignments.

Copalli Rum Ad Sketch

17 September 2023: My first assignment was to sketch three ideas for a Copalli Rum Instagram post. We were given a small set of 20 photos, 2 headlines, 1 tagline, and 1 call to action to work with. Due to my proficiency in image editing software, and due to the fact that we weren't allowed to look for image material on the internet, I found it easier to dive right into photo-editing instead of drawing a sketch first. However, the below images are still rough concepts; it is likely that my next assignment will be to refine them.

I made these concepts in one day using Krita.

Black and gray sketch of an ad. The background is a sunset over a forest. Text: Our execs ride bicycles, not rockets. Buy now. Planet before profits, Copalli Rum.

Ad. A Copalli Rum bottle and two shots of rum sit on a counter in a tropical forest. The 'Buy Now' and 'Planet before profits' text is sketched. Text: The only thing it doesn't mix with is corporate greed. Copalli Rum.

Ad. A Copalli Rum bottle and two cocktail glasses sit on a counter in a tropical forest. Text: Copalli Rum. The only thing it doesn't mix with is corporate greed. Buy now. Planet before Profits.

25 September 2023: I refined the Instagram ad from my previous assignment, and created two different version of it for Facebook and Twitter. Again, these were all made in one day with Krita.

The Facebook version required the most work. The source image was in a portrait ratio, which made it unsuitable for landscape ads. To align the rum bottle on the rule of thirds, I had to extend the background. I did this by copying an otherwise invisible section of the image higher up, pasting it in the empty space, then using Krita's airbrush extensively to paint away the seam.

I have heard that Photoshop is an industry standard. I hope Photoshop will make edits like this easier. Unfortunately, I have been unable to use Photoshop because Creative Cloud will not install on my machine. I restarted multiple times, uninstalled Creative Cloud multiple times, tried the repair option, none of the easy solutions worked. Because the uninstallation "completed with errors", I suspect I will have to manually remove leftover files and registry entries myself.

4 October 2023: Some revisions to the previous week's work after receiving feedback. I do think the previous versions were a bit more interesting artistically, but they were a bit busy and hard to read. These revisions below have better design. Made in a few hours with Krita.

C.R.A.P. Practice

9 October 2023: My assignment was to take this C.R.A.P. training file, and rearrange the elements to match the C.R.A.P. principles of design.

C.R.A.P. Training (Community).pdf

Figma Wireframe and Prototype Practice

19 October 2023: My assignment was to follow the instructions on this wireframe video and this prototype video to create a prototype from a mostly blank document.

Click to view phone prototype.

Click to view desktop prototype.

Phone prototype

Desktop prototype

Photoshop Landing Page Design

25 October 2023: My assignment was to follow this Tuts+ tutorial on how to design a landing page in Photoshop. With help, I was able to install Photoshop on my computer, and used Photoshop for this assignment.

Presentation for Final Web Design Project

14 November 2023: My assignment was to answer a list of 20 questions from a list my professor emailed to me, then make a presentation that organizes the answers to those questions. The presentation details a website plan for a fictional organization.

Gracilis presentation.