Project Overview
This is my personal project, created to showcase a concept design for an Eeveelution-themed website. For those wondering, Eeveelution is a popular term among Pokémon fans that refers to the group of eight Pokémon that evolve from Eevee. The term “Eeveelution” is a portmanteau of “Eevee” and “evolution.”
Roles
Duration
3 Days
Screen
10 Screens
Timeline
Design Process
The main goal of this landing page is to allow users to choose their Eeveelution while learning more about it. To achieve this, I crafted the first draft, which features Eevee in its first stage as the hero image on the right, accompanied by a catchy tagline and description on the left.
The Pokémon logo is positioned in the top-left corner for brand recognition. The navigation menu is placed at the top center of the page, providing easy access to all sections of the landing page. Lastly, a call-to-action (CTA) button is located below the tagline and description, guiding users on the next step to take.
After undergoing several iterations, adjustments were made to the hero image. Elements representing each Eeveelution have been incorporated to attract users and highlight all available Eeveelution options, encouraging them to click the CTA button.
Next, the second screen has been created to facilitate user action after clicking the CTA button. On this screen, users are presented with options featuring elemental stones. For those wondering, Eevee needs an elemental stone to evolve. In the Pokémon world, there are currently eight different stones that can trigger Eevee’s evolution.
Finally, once users choose their elemental stone, Eevee will evolve based on the selected stone. This screen will feature interactive animations, where users can click on an elemental stone, and as their favorite Eeveelution emerges, a short biography about that Eeveelution will be displayed.
Wireframe Creation
Mockup Creation
