Startup Assistant Ember: Startup App UI Design

Type
Brand and app concept
Brand
Startup Assistant
Year
2022

Startup Assistant Ember is a startup app UI design that opens in the dark. Its 49 mobile screens begin with five glowing amber splash screens, then move through onboarding, sign in, a chat dashboard, profile settings and a full project planner in bright orange.

Startup Assistant Ember app showcase: a fan of five phone screens, with a dark amber Let you in sign in screen in front, on a deep bronze gradient.

The brief

A startup app UI design with a dramatic first impression

The first seconds of a new app decide whether people stay. Ember answers with a dark bronze gradient that glows toward the bottom, a hand drawn wordmark and loose line art, so the product feels crafted before a single button is tapped.

Once inside, the interface switches to light and bright orange, which keeps the daily tools clear and fast. The contrast makes the entry flow feel like a doorway rather than another screen.

What we built

How the Ember mobile app screens are built

Five splash screens build the brand, ending on the wordmark with the word Assistant. Four photo onboarding slides follow, each with a white card and a clear next step. Seven entry screens then cover social sign in, log in, password recovery, registration, a verification keypad, a loading state and the splash logo.

The dashboard flow shows usage charts, a tap to chat home, category chips for Business, Dev and App, and chat conversations with suggested prompts. Profile screens cover account and payment details, a premium plan and a settings menu.

The projects flow runs from project cards with progress bars through notes, tools and files, a task timeline, a four step new project form and a calendar picker to a success state, a notes editor and a file manager.

Outcome

A 49 screen startup app UI with a dark entry

A team that adopts Ember starts with 49 mobile screens in six flows, from splash to projects, a reusable component set and a colour and illustration system defined once. It is ready to take your own brand, copy and data, and the dark amber splash sequence can carry a new wordmark.

49 screens from amber splash to projects

  • 49 mobile app screens in six flows
  • Splash: 5 dark amber gradient screens with the wordmark and line art
  • Onboarding: 4 photo slides with white cards
  • Sign up and sign in: 7 screens on a dark gradient, from social sign in to a verification keypad and loading state
  • Dashboard: 10 screens, with usage charts, a tap to chat home and chat conversations
  • Profile: 8 screens, with account details, payment information and a premium plan
  • Projects: 15 screens, from task timelines to a four step new project form and a file manager

All 49 Ember screens

49 screens across 6 flows, swipe or use the arrows to move through each one.

Splash 5

  • Startup Assistant AI assistant app splash screen 1 of 5.
  • Startup Assistant AI assistant app splash screen 2 of 5.
  • Startup Assistant AI assistant app splash screen 3 of 5.
  • Startup Assistant AI assistant app splash screen 4 of 5.
  • Startup Assistant AI assistant app splash screen 5 of 5.

Onboarding 4

  • Startup Assistant AI assistant app onboarding screen 1 of 4.
  • Startup Assistant AI assistant app onboarding screen 2 of 4.
  • Startup Assistant AI assistant app onboarding screen 3 of 4.
  • Startup Assistant AI assistant app onboarding screen 4 of 4.

Sign up and sign in 7

  • Startup Assistant AI assistant app sign up and sign in screen 1 of 7.
  • Startup Assistant AI assistant app sign up and sign in screen 2 of 7.
  • Startup Assistant AI assistant app sign up and sign in screen 3 of 7.
  • Startup Assistant AI assistant app sign up and sign in screen 4 of 7.
  • Startup Assistant AI assistant app sign up and sign in screen 5 of 7.
  • Startup Assistant AI assistant app sign up and sign in screen 6 of 7.
  • Startup Assistant AI assistant app sign up and sign in screen 7 of 7.

Dashboard 10

  • Startup Assistant AI assistant app dashboard screen 1 of 10.
  • Startup Assistant AI assistant app dashboard screen 2 of 10.
  • Startup Assistant AI assistant app dashboard screen 3 of 10.
  • Startup Assistant AI assistant app dashboard screen 4 of 10.
  • Startup Assistant AI assistant app dashboard screen 5 of 10.
  • Startup Assistant AI assistant app dashboard screen 6 of 10.
  • Startup Assistant AI assistant app dashboard screen 7 of 10.
  • Startup Assistant AI assistant app dashboard screen 8 of 10.
  • Startup Assistant AI assistant app dashboard screen 9 of 10.
  • Startup Assistant AI assistant app dashboard screen 10 of 10.

Profile 8

  • Startup Assistant AI assistant app profile screen 1 of 8.
  • Startup Assistant AI assistant app profile screen 2 of 8.
  • Startup Assistant AI assistant app profile screen 3 of 8.
  • Startup Assistant AI assistant app profile screen 4 of 8.
  • Startup Assistant AI assistant app profile screen 5 of 8.
  • Startup Assistant AI assistant app profile screen 6 of 8.
  • Startup Assistant AI assistant app profile screen 7 of 8.
  • Startup Assistant AI assistant app profile screen 8 of 8.

Projects 15

  • Startup Assistant AI assistant app projects screen 1 of 15.
  • Startup Assistant AI assistant app projects screen 2 of 15.
  • Startup Assistant AI assistant app projects screen 3 of 15.
  • Startup Assistant AI assistant app projects screen 4 of 15.
  • Startup Assistant AI assistant app projects screen 5 of 15.
  • Startup Assistant AI assistant app projects screen 6 of 15.
  • Startup Assistant AI assistant app projects screen 7 of 15.
  • Startup Assistant AI assistant app projects screen 8 of 15.
  • Startup Assistant AI assistant app projects screen 9 of 15.
  • Startup Assistant AI assistant app projects screen 10 of 15.
  • Startup Assistant AI assistant app projects screen 11 of 15.
  • Startup Assistant AI assistant app projects screen 12 of 15.
  • Startup Assistant AI assistant app projects screen 13 of 15.
  • Startup Assistant AI assistant app projects screen 14 of 15.
  • Startup Assistant AI assistant app projects screen 15 of 15.

Want an app like this?

Tell us what you are building and we will come back with a written scope.
Get a Quote

Questions about Startup Assistant, Ember

  • Startup Assistant Ember includes 49 designs: splash, onboarding, sign up and sign in, dashboard, profile and projects. Each flow shows its main screens along with the confirmation, loading and empty states between them, so a product team sees the whole path rather than a handful of hero shots.
  • It suits startups and product teams that want an app with a strong, branded first impression, whether an assistant, planner or productivity tool. The dark entry flow sets the tone, and the light interface behind it keeps daily use clear.
  • Startup Assistant Ember can take your own brand, copy and product, with its amber gradient, type, logo, illustrations and screen list all adjustable. Flows can be added or removed.
Next projectStartup Assistant, CopperStartup Assistant

Let's put this in writing.

Tell us what you need. A reply comes within one business day, the written scope with dates follows the call within one business day, and you own every file, login and domain from the day it ships.