Skip to content

(4) Wireframe prototyping

Low fidelity prototype LOW FIDELITY PROTOTYPE PREVIEW During the low fidelity stage I focused on the basics of the layout and any unique design choices which I couldn’t afford to forget. The focus was making… (4) Wireframe prototyping

(2) Brand guidelines

After creating a wide variety of scamps to choose from, I have decided on the current logo. I chose a wolf for a variety of reasons; there are almost no sports brands which have wolves… (2) Brand guidelines

User Flow and U.I Wireframing

Figma design file available at : https://www.figma.com/design/VkWHgf14qgWScHtgv3j3IU/LF—companion-app?node-id=0-1&t=KxL0UoNo7FlzJz5a-1 Home page In order to start figuring out the compositional aspects of the app, I have created an 8 page long low fidelity prototype. The main menu is… User Flow and U.I Wireframing

Colour planning

The logo design was intentionally created using only two colours to embrace simplicity and maintain a sense of graphic minimalism. This decision wasn’t just an aesthetic choice, it was rooted in established design principles seen… Colour planning

Responsive Layouts

Best option is highlighted, and every option has its own visual cue. Every important option has a notable change in colour to bring attention to it and make them easier for the user to find.… Responsive Layouts

Typography

I made the choice to limit the number of typefaces used to just two. This decision was rooted in the principle of maintaining visual consistency throughout the design. By restricting the variety of fonts, the… Typography