ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
INTERACTION / UI / UX
? wireframes
? interaction flows
? use cases
? navigation patterns
? brand study
? mood board
? name & logo design
? store materials
? layout design
? icons and pictograms
? color scheme design
? fonts and typography
? prototyping & demo
? user workflow design & analysis
? user testing
USER
EXPERIENCE
USER
INTERFACE
INTERACTION
DESIGN
MARKETING
& IDENTITY
WIREFRAME VISUALIZATION INTERACTION
MAP
DESIGN SPECS ASSETS HTML DEMO
WIREFRAMEBRIEF
INTERACTION FLOW PROTOTYPE
DEMOBRANDING
USER INTERFACE
SCREEN DESIGN
USER TEST
PROCESSDELIVERABLESSERVICEOVERVIEWPLATFORMS
USE CASES
ANDROID
ANDROID WEAR
iOSWINDOWS
WP8
CUSTOM
PLATFORMS
PHYSICAL
INTERFACES
BLUE RIBBON
WINDOWS PHONE APP DESIGN
?	 guidelines and design specs for colors, fonts
?	 graphical assets for the app
?	 support during development
?	 interaction flows, wireframes
?	 guidelines and design specs for colors, fonts
?	 graphical assets for the app
?	 support during development
CONTENT MANAGEMENT SYSTEM
WINDOWS APP DESIGN
?	 interaction flows, wireframes
?	 physical interface design
?	 specifications for labels
EVOPRO OBU
CUSTOM USER INTERFACE DEVELOPMENT
EVOPRO ELECTRIC CHARGER
CUSTOM USER INTERFACE DEVELOPMENT
?	 interaction flows, wireframes
?	 guidelines and design specs for colors, fonts
?	 graphical assets
?	 HTML demo for user test
maform kft ? 1116 Budapest, Hauszmann Alajos utca 2 ? tax. no. 14600270-2-43 ? reg. no. 12-34-1287634 ? +36 30 747 24 16 ? info@maform.hu ? www.maform.hu
Mobile Platforms
Additional
Mobile Platform
Desktop or
Custom Platforms
WIREFRAME 12-26 +50% 12-26
INTERACTION FLOW 8-18 ¨C 8-18
USE CASES 4-8 ¨C 4-8
NAVIGATION PATTERN 4-8 +50% 4-8
BRAND STUDY & MOOD BOARD 16-24 ¨C 16-24
NAME & LOGO DESIGN 15-30 ¨C 15-30
COLOR & TYPOGRAPHY 14-18 ¨C 14-18
STORE MATERIALS 4-8 +50% 4-8
ICONS & PICTO DESIGN 16-20 ¨C 16-20
LAYOUT 10-16 +80% 10-16
FINAL SCREEN DESIGN 1-4 +100% 1-4
ANIMATION DESIGN 14-18 +50% 14-18
PROTOTYPING depends on fidelity (16-40+)
DEMO depends on fidelity
USER TESTING depends on scale and method
/set
/screen type
/screen
/animation
(depends on
number of screens)
/app
ESTIMATED WORKLOADS
IN HOURS
USERINTERFACEDESIGNUXDESIGNINTERACTIONDESIGNMARKETING&IDENTITY

More Related Content

UI design case

  • 2. ? wireframes ? interaction flows ? use cases ? navigation patterns ? brand study ? mood board ? name & logo design ? store materials ? layout design ? icons and pictograms ? color scheme design ? fonts and typography ? prototyping & demo ? user workflow design & analysis ? user testing USER EXPERIENCE USER INTERFACE INTERACTION DESIGN MARKETING & IDENTITY WIREFRAME VISUALIZATION INTERACTION MAP DESIGN SPECS ASSETS HTML DEMO WIREFRAMEBRIEF INTERACTION FLOW PROTOTYPE DEMOBRANDING USER INTERFACE SCREEN DESIGN USER TEST PROCESSDELIVERABLESSERVICEOVERVIEWPLATFORMS USE CASES ANDROID ANDROID WEAR iOSWINDOWS WP8 CUSTOM PLATFORMS PHYSICAL INTERFACES
  • 3. BLUE RIBBON WINDOWS PHONE APP DESIGN ? guidelines and design specs for colors, fonts ? graphical assets for the app ? support during development ? interaction flows, wireframes ? guidelines and design specs for colors, fonts ? graphical assets for the app ? support during development CONTENT MANAGEMENT SYSTEM WINDOWS APP DESIGN ? interaction flows, wireframes ? physical interface design ? specifications for labels EVOPRO OBU CUSTOM USER INTERFACE DEVELOPMENT EVOPRO ELECTRIC CHARGER CUSTOM USER INTERFACE DEVELOPMENT ? interaction flows, wireframes ? guidelines and design specs for colors, fonts ? graphical assets ? HTML demo for user test
  • 4. maform kft ? 1116 Budapest, Hauszmann Alajos utca 2 ? tax. no. 14600270-2-43 ? reg. no. 12-34-1287634 ? +36 30 747 24 16 ? info@maform.hu ? www.maform.hu Mobile Platforms Additional Mobile Platform Desktop or Custom Platforms WIREFRAME 12-26 +50% 12-26 INTERACTION FLOW 8-18 ¨C 8-18 USE CASES 4-8 ¨C 4-8 NAVIGATION PATTERN 4-8 +50% 4-8 BRAND STUDY & MOOD BOARD 16-24 ¨C 16-24 NAME & LOGO DESIGN 15-30 ¨C 15-30 COLOR & TYPOGRAPHY 14-18 ¨C 14-18 STORE MATERIALS 4-8 +50% 4-8 ICONS & PICTO DESIGN 16-20 ¨C 16-20 LAYOUT 10-16 +80% 10-16 FINAL SCREEN DESIGN 1-4 +100% 1-4 ANIMATION DESIGN 14-18 +50% 14-18 PROTOTYPING depends on fidelity (16-40+) DEMO depends on fidelity USER TESTING depends on scale and method /set /screen type /screen /animation (depends on number of screens) /app ESTIMATED WORKLOADS IN HOURS USERINTERFACEDESIGNUXDESIGNINTERACTIONDESIGNMARKETING&IDENTITY