Website & Mobile mockups for Event Planning platform

7/21/2019 Website & Mobile mockups for Event Planning platform

http://slidepdf.com/reader/full/website-mobile-mockups-for-event-planning-platform 1/10

MMessage Blocks

SI 520 Class Final Project

Client: Message Blocks

Designer: Lu Huang

Date: 04/22/2015



MMessage Blocks

Corporate’s signature (logotype)

3”

X

1/6X

1/6X

MMessage Blocks Your personal event planner

X

1/6X

1/6X

Corporate’s signature + tagline



HOME CONTACT ABOUT APP

Message Blocks Your personal

event plannerEvents are planned by teams

An event planning platform that

streamlines your workflow

Learn More

Events are planned by teams

Sweet-16

Dashboard Events Contacts Account

Date Type Details Status

04/18 Speaker Invitation sent toTaylor

04/18 Event A Anevent has been updated

Binder

23 Pictures added

Registration

Upon today, 45 registered

Agenda

7 events added

Promotion

Emails sent by 04/17

Sign Up NowEnjoy 30-days free trial

Submit

First Name * Last Name

Email Address *




LenFounder

Len Gauger is the Founder of Message

Blocks where he drives our growing team.

When not immersed in growing the team

and the vision of the company he spends

his time with his wife and their daughter.

Anthony

Tech Lead Anthony has enjoyed web development

and its related areas since 1997. When he

is not overseeing all things technical, his

joys include his wife, son, 3 dogs, 3 bikes,

4 computers and a go board.

MaithiliBusiness Development Specialist

Maithili Jalihal is a senior at UM, and she is

working as our business development

specialist. When she's not working hard for

the company, she's hardly working at UM

football and basketball games.

KurtLead Developer

Kurt Kowtiz is the Lead Developer of all thingsWhen he isn't busy creating the Message

Blocks architecture, he enjoys spending

lazy days with his lovely wife and two sons.

AshleyDirector of Marketing

Ashley is the head marketer at Message

Blocks. When she's not blogging and

tweeting about events, she's probably

discovering new restaurants or having a

dance party.

MEET TEAM T H E

We are a small team with big ideas.

GalileoLead Studio Star

Galileo does a good job in claming downthe office and bringing joy to our team.

He is essential in our team and lead studio

star of all the time.

©All right reserved by Message Blocks 2015

FAQ HOME CONTACT ABOUT

Message Blocks



Name *

Email Address *

Message *

Blog and News

Brain Atwood: How knowledge changesthe world, featured speakingApril 6, 2015

Paul Grandy: How people face informationanxiety in the world, featured speaking

March 22, 2015

How people face information anxiety inthe world speakingMarch 12, 2015

Read More


©All right reserved by Message Blocks 2015

FAQ HOME CONTACT ABOUT

SAY HEY US

We are located at Ann Arbor, U.S.

Message Blocks

330 E Liberty St

Ann Arbor, MI 48104

T +1 (844) 668-3348

E [email protected]

Stop by for a cup of good coffee

T O

Submit

First Name Last Name

MMessage Blocks



4:21 PM 100%BELL

Sweet-16

Dashboard Events Contacts Account

Date Type Details Status

04/18 Speaker Invitation sent to Taylor

04/18 Event A

Binder

23 Pictures added

Registration

Upon today, 45 registered

Agenda

7 events added

Promotion

Emails sent by 04/17

An event has beenupdated

M

Mobile Version for iPhone - Homepage



Ashley

Address Phone Website

P.O. Box 123

Ann Arbor, MI 48104

+1 734-730-1700

+1 734-730-1701

www.messageblocks.com

[email protected]

Director of Marketing

MMessage Blocks

Business Card - Front and back



Promotional Custom Printed - Espresso Cup (Empty/Full)



Typography

Typeface-logo:Helvetica Neue

Body Text“Open Sans”, “Helvetica”, “Sans-Serif”,12 pt, regular, justified with last line aligned left:Galileo does a good job in claming down

the office and bringing joy to our team.

He is essential in our team and lead studio

star of all the time.

Bulleted lists• quam risus mattis dui,

• in tempor ligula odio sagittis velit.

• Fusce felis odio, tristique in laoreet in,rutrum eget massa. Interdum et

• malesuada fames ac ante ipsum primis in.

Numbered lists1. quam risus mattis dui,

2. in tempor ligula odio sagittis velit.

3. Fusce felis odio, tristique in laoreet in,

rutrum eget massa. Interdum et

4. malesuada fames ac ante ipsum primis in.

Hyperlinks“Open Sans”, “Helvetica Neue”, “Sans-Serif”,12pt, regularNormal links: Read More

When mouse hovers: Read More

Visited links: Read More

Header 1Helvetica Neue,30 pt, Regualr

Header 2Helvetica Neue30 pt, Light, upper capital

Header 3Helvetica Neue,

22 pt, light

Header 4Helvetica Neue ,22 pt, light

MEET TEAM T H E

Message Blocks

Feature 1

Sign Up Now

Color Palette



Submit

Color Palette

RGB

CMYK

HEX

UI Elements

Buttons

Icons

Input fields

Concept and design:-Color: because message blocks already

has theme color, so I pick up blue and

create different brightness and satruationof blue, supporting by grey and orange.

-Typography: Message Blocks use Helvetica

Neue in their exsiting websites, so I adopt

Helvetica Neue Light in the design.

-Images choices: Party theme and events

planning that bring bright colors and happy

feelings.

Color Harmony type

that domains:Monochrome Harmony

Email Address *

First Name Last Name

First Name * Last Name

Email Address *

Submit

146,146,146

0,0,0,42

#929292

241,242,242

0,0,0,5

#f1f2f2

244,245,245

0,0,0,3

#f4f5f5

191,231,248

22,6,0,2

#bfe7f8

74,192,237

68,18,0,7

#4ac0ed

35,169,225

84,24,0,11

#23a9e1

79,118,156

49,24,0,38

#4f769c

244,138,73

0,43,70,4

#f48a49

Documents

Website & Mobile mockups for Event Planning platform