Nireeka

Carbon-fiber Smart E-bike

Tools

  • Adobe XD
  • Photoshop
  • Illustrator

Platform

  • Mobile App

The most affordable carbon fiber smart e-bike.

Nireeka is an electric mobility company that redefines the biking experience using its solid, sleek, and gorgeous design and strives to make smarter e-bikes with better performance.

Challenge

Because the application would be used outdoor and, in the action, it must have had a very high contrast UI and a very easy and familiar experience

Solution

We designed a very beautiful yet very easy to use and understandable mobile application that worked great between different devices.

Project Phases

This project came in three phases
  • Mobile Application

The Process

Finding out

  • Research
  • Interview
  • Benchmark
  • Survays
  • Market analyze

Shaping the Experience

  • User Flow
  • Wireframing
  • Testing
  • Interview
  • A/B Testing

Design

  • Brainstorm Sessions
  • Identity
  • Design System
  • Components
  • Prototyping
  • Testing

Finalizing

  • Usability Testing
  • Accessibility Testing
  • Final Changes
  • Documentation
  • Design Guidlines
  • Developers Handoff

Nireeka Mobile App

(Estimated reading time: 1 minute, 36 seconds. Contains 321 words)

Finding out

In this project I started with benchmarking all kinds of speedometers that have been already using. Because the application would be used outdoor and, in the action, it must have had a very high contrast UI and a very easy and familiar experience. After the briefing with the two founders of the startup and their design team, I gathered important data I needed to know about the bike and its features. After couple brainstorming sessions I was ready to start the design process.

Shaping the Experience

Started off with the flow user had to take. The process stakeholders had in mind was a little bit complicated and confusing. So, I simplified it to just signing in, onboarding screens and after that user had to scan the bike code in order to pair with it. The process was really easy and the user wouldn’t be confused and after taking really easy steps was ready to use the bike with the app. It was time to draw the wireframes. After wireframes drafts was ready, we went straight to test them with our test group and stakeholders. With the points and feedbacks, we changed some elements so that the main focus on the app could be on the speedometer, battery status, driving mode and proximity sensors.

Mobile App Wireframes

Design

Based on the final wireframes we drew, I started to create the design system and elements based on our needs and our identity. It was almost complete; I just started to design the final UI and make the prototype so that we could test it in real environment. Meanwhile I had multiple meetings with our develop team to make sure they could translate my ideas into the application.

Mobile App UI Design

Finalize

After we tested the prototype outside with 3 bikers outside, I started to pack everything up and finishing the documentation our developers needed. The clock was ticking and we were close to starting our campaign on IndieGoGo. We needed a website for our campaign and our product. But that’s another story.