INSOLLECT

Insect Collecting – Mobile App For iOS

Overview

The goal of this project was to design a comprehensive insect collecting app which identifies insects. The app also has various entertaining features to improve the learning and collecting experience.

Problem

There are a small number of other applications who have similar features. They lack an achievement system and a clean and easy to understand design. The smooth implementation of these features are essential.

Solution

Insollect has a big achievement system that provides an entertaining way to learn and explore the world of insects. Completed achievements can be shared with friends. The app has a clean and calm design focused on usability.

Users

There are two main personas. Young people or children who have an affinity towards insects and nature loving people who are interested about wild life, insects in specific and ecology.

Key Features

The application allow users to identify insects from live pictures or already stored ones. Users can share their catches and completed achievements through a friend system. A book of insects indexes most insects with a lot of information about them. An achievement system brings an entertaining way of learning more about insects by exploring the nature, collecting insects and gathering knowledge.

My Contribution

  • Analysis of the market
  • Researching personas
  • Define and create user flow
  • Wireframes
  • Prototyping
  • Feedback analysis
  • User interface design
  • Icon design
  • Mockups

User Flow Diagram

I created user flows based on the brief, several user stories and a comprehensive research of personas.

Wireframes

After analysing similar apps and identifying the focus of the design, wireframes were created.

Moodboard

STYLE GUIDE

Color Palette

The green foreground colors represent nature. The beige background colors combine the elements with a clean and soft look. 

Typography

I chose Belgrano for the headings because of its mixture between a slightly playful vibe and sturdy looking lines. Poppins as body text is with its rounded, open and clear shape a good partner. Together they blend very well into the design and give it an extra touch of quality.

Heading

H1 Belgrano Regular, 32px

H2 Belgrano Regular, 24px

H3 Belgrano Regular, 21px

H4 Belgrano Regular, 18px

Body Text

P1 Poppins Regular, 18px

I learned about serif and sans serif typefaces,
about varying the amount of space between
different letter combinations, about what makes
great typography great. It was beautiful.

P2 Poppins Regular, 16px

I learned about serif and sans serif typefaces,
about varying the amount of space between
different letter combinations, about what makes
great typography great. It was beautiful.