Home

Cases

StartupNow Website and Web App

Home

Cases

StartupNow Website and Web App

StartupNow - A website and web app for a startup consultancy

“

Startups and investors asked for one thing: please, be clear.

StartupNow logo

StartupNow

Website and web app, 2015-2016

StartupNow home page hero with the logo and tagline on a starfield
StartupNow home page hero with the logo and tagline on a starfield

About the project

StartupNow is an Amman firm that helps governments, NGOs, companies and universities build startup accelerators and training programs. Its website had to speak to those partners and to the startups and investors they serve. We surveyed and interviewed both user groups, mapped the information hierarchy and designed a 36-page web app in February 2016, then designed and built the final responsive WordPress site in March 2016.

Project

StartupNow Website

Industry

Startup Consulting

Location

Amman, Jordan

Date

2015-2016

“

Client Request

StartupNow wanted a site that helps governments, NGOs and corporations help startups, with no jargon and no corporate look.

StartupNow logo

StartupNow

Project brief, December 2015

Design Pillars

Core UX Principles

Please, Be Clear

Please, Be Clear

Plain words and short sections, the one thing both user groups asked for.

Easy to Find

Easy to Find

A sitemap and information hierarchy that help visitors find what they came for.

A Clear Next Step

A Clear Next Step

Sections end in an action, such as launching an accelerator, booking a workshop or getting in touch.

“

“

ClearwordsforstartupsStartupNow logo markandinvestors.
StartupNow buttons to launch an accelerator or book a workshop, above the photo-filled logo

User Research

What Startups and Investors Told Us

Two User Groups

We ran surveys and interviews with startups and with investors, the two sides the platform had to connect.

One Keyword

When we asked for one keyword, users gave us the same words: please, be clear.

Clear Tasks

The site had to help people find information, finish tasks and see a clear path between investors and startups.

“

“

Twousergroups,oneStartupNow logoclearrequest.
StartupNow home page section on who it works with, with a Get in touch button

The Challenge

Problem Statement

The Main Goal: Make a Wide Offer Easy to Read

StartupNow offers accelerator programs, training workshops, help with funding, due diligence reports and more, to partners as different as governments and young startups. The site had to explain all of it in plain words, look serious and wise to big organizations and still feel open to founders.

“

Plexable is an agency that truly gets UX. With their talented team and amazing capabilities, they were able to transform our web application to easily acquire all the customer segments we were previously targeting through ads.

StartupNow logo

Saeed Omar, CEO

StartupNow

Our Approach

Solution

From Research to a Live WordPress Site

User research, a sitemap, a 36-page web app design and a responsive website that we built on WordPress. It is an example of our Website Design work.

01 - Research and Structure

Surveys and interviews with startups and investors, then a sitemap and an information hierarchy.

02 - The First Web App

36 grayscale pages in February 2016, from services and funding to consultants, case studies and the blog.

03 - The Final Site

A responsive WordPress theme we designed and built in March 2016, with a home page, a blog and a contact form.

“

“

From36draftStartupNow logo markpagestoalivesite.
StartupNow mobile site opening screen with the logo on a starfield
StartupNow mobile site opening screen with the logo on a starfield
StartupNow mobile site opening screen with the logo on a starfield
Acceleration Programs section of the StartupNow home page with a rocket sketch
Acceleration Programs section of the StartupNow home page with a rocket sketch
Acceleration Programs section of the StartupNow home page with a rocket sketch
StartupNow Reach out page with name, email and visitor type fields
StartupNow Reach out page with name, email and visitor type fields

Before & After

The Blueprint & Evolution

February Draft to Final Site

The live site kept three menu items where the first design had seven.

  • Before: the February 2016 web app in grayscale, with an early version of the logo.

  • After: the March 2016 site with Home, Blog and Contact, in the full StartupNow colors.

February 2016 design of the StartupNow help center page for startups and SMEs

Design

Key Features

Training Sessions on One Orbit

Five training sessions sit on one orbit diagram, from business model innovation to financial modeling, with Get in touch below.

Five StartupNow training sessions placed on an orbit diagram

A Contact Form That Asks First

Reach out asks visitors how they categorize themselves and how StartupNow can help, then leaves room for a short brief.

StartupNow contact form asking how visitors categorize themselves and how StartupNow can help

Design System

Visual Identity

Typography

Bold slab serif headings and buttons, with light body text and generous line spacing for the longer service copy.

Color Palette

A black starfield hero over white pages, with the logo’s yellow, red, teal and blue on numbers and brush-stroke buttons.

StartupNow intro text and brush-stroke buttons in yellow and teal

UI Logic

Home, Blog and Contact sit in both the header and the footer, and the main sections end with a call to action.

Slab serif headings for four StartupNow training sessions
Slab serif headings for four StartupNow training sessions
StartupNow logo, wordmark and tagline on the starfield
StartupNow logo, wordmark and tagline on the starfield
StartupNow home page section on who it works with, with a Get in touch button and End of the StartupNow home page with a Get in touch button and the footer menu
StartupNow home page section on who it works with, with a Get in touch button and End of the StartupNow home page with a Get in touch button and the footer menu

Impact

From Brief to a Live Site

Results for StartupNow

The site went live on our WordPress theme in 2016, and StartupNow kept adding content to it through 2019.

StartupNow logo

StartupNow

StartupNow home page hero, intro and two brush-stroke buttons

Result

By the Numbers

36 Pages

Designed for the first web app in February 2016.

2 User Groups

Startups and investors, surveyed and interviewed before we designed.

1 Responsive Site

Designed and built by us on WordPress, for desktop and mobile.

Plexable design process diagram from empathize to validate used for StartupNow

Research

Research Before Pages

Surveys, Interviews and a Sitemap

We surveyed and interviewed startups and investors, then turned what they told us into a sitemap and an information hierarchy. Wireframes ran next to the branding work, so the pages and the brand took shape together. You can see some of the results below.

Final Showcase

The StartupNow Website

StartupNow home page hero, intro and two brush-stroke buttons
Acceleration Programs section of the StartupNow home page with a rocket sketch
StartupNow Reach out page with name, email and visitor type fields
Five StartupNow training sessions placed on an orbit diagram
StartupNow buttons to launch an accelerator or book a workshop, above the photo-filled logo
Plexable design process diagram from empathize to validate used for StartupNow
StartupNow contact form asking how visitors categorize themselves and how StartupNow can help
Acceleration Programs section of the StartupNow home page with a rocket sketch and StartupNow Reach out page with name, email and visitor type fields
Training Sessions section opening on the StartupNow home page
StartupNow logo, wordmark and tagline on the starfield
StartupNow intro text and brush-stroke buttons in yellow and teal
Slab serif headings for four StartupNow training sessions
Training Sessions section opening on the StartupNow home page

You can also check

MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Telenav Rhine product design case study
Telenav Rhine
Visual design for 90 wireframes based on GM Style Guide.
Platinum Shop Website product design case study
Platinum Shop Website
Car and jet rentals, rare plate numbers and luxury goods in one store.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Telenav Rhine product design case study
Telenav Rhine
Visual design for 90 wireframes based on GM Style Guide.
Platinum Shop Website product design case study
Platinum Shop Website
Car and jet rentals, rare plate numbers and luxury goods in one store.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Telenav Rhine product design case study
Telenav Rhine
Visual design for 90 wireframes based on GM Style Guide.
Platinum Shop Website product design case study
Platinum Shop Website
Car and jet rentals, rare plate numbers and luxury goods in one store.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Telenav Rhine product design case study
Telenav Rhine
Visual design for 90 wireframes based on GM Style Guide.
Platinum Shop Website product design case study
Platinum Shop Website
Car and jet rentals, rare plate numbers and luxury goods in one store.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Telenav Rhine product design case study
Telenav Rhine
Visual design for 90 wireframes based on GM Style Guide.
Platinum Shop Website product design case study
Platinum Shop Website
Car and jet rentals, rare plate numbers and luxury goods in one store.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Telenav Rhine product design case study
Telenav Rhine
Visual design for 90 wireframes based on GM Style Guide.
Platinum Shop Website product design case study
Platinum Shop Website
Car and jet rentals, rare plate numbers and luxury goods in one store.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Telenav Rhine product design case study
Telenav Rhine
Visual design for 90 wireframes based on GM Style Guide.
Platinum Shop Website product design case study
Platinum Shop Website
Car and jet rentals, rare plate numbers and luxury goods in one store.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Telenav Rhine product design case study
Telenav Rhine
Visual design for 90 wireframes based on GM Style Guide.
Platinum Shop Website product design case study
Platinum Shop Website
Car and jet rentals, rare plate numbers and luxury goods in one store.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Telenav Rhine product design case study
Telenav Rhine
Visual design for 90 wireframes based on GM Style Guide.
Platinum Shop Website product design case study
Platinum Shop Website
Car and jet rentals, rare plate numbers and luxury goods in one store.