ACNH Island Name Generator

Web Design/Dev - 2021

Roles
Designer
Developer

Stack
Figma
JavaScript
Bootstrap

view repository
view prototype

In the preliminary stages of this project, I first began with a general sketch of elements I wanted in the design. The design greatly resembles elements in Animal Crossing New Horizons, making it a familiar site for players.

about this project

During quarantine, I (like many others) got into playing Animal Crossing: New Horizons. One of the biggest issues I face in this game is creating a name for my island. Islands can only have ten characters and can be a big decision since you can't change it and it can reflect the overall theme of your island. So, I go to the internet for name suggestions. However, a lot of generators are boring and not pleasing to look at, so I wanted to make a more appealing interface.

I sourced names for this generator from a Tumblr post from Angie's Town. To build the logic of the generator, I used HTML inputs to toggle word categories and JavaScript to randomly generate a name up to ten characters. Once the overall logic was working, I turned to Figma to create a simple prototype of how the interace will feel.

project results

This project is currently in the development phase. Up to this point, the project has taken two days to implement. While logic is built, I now need to add styling. I plan on using Bootstrap and custom styling where needed. Once the styling is completed, I will deploy the code for public use. Future improvements are to design and develop responsive layouts while still keeping the overall Animal Crossing design.

More Projects