The document discusses improving collaboration between designers and developers for mobile product development. It addresses common problems that slow development speed such as unclear or missing guidelines from designers. It provides tips for designers and developers, such as designers creating detailed mockups and guidelines for all elements, and developers understanding differences in platforms. The document concludes with soliciting questions from the audience.

1. A flawless
designer-developer
flow: how to boost
mobile product
development speed
AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer

2. AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer
PROBLEMS OF
A DEVELOPMENT
PROCESS
WTF with the background!?
Height: 120PT
Background: rgb(255, 255, 255)
Bottom-border: 1PT rgba(0, 0, 0.25)
48x48PX
app_settings@2x.png
Check out circle size. It’s
too small now.
Font size is too small.
Check out the layout.

3. TODAY’S
AGENDA
Dicsussion of the
collaboration problem15m
Advices for speeding up
a development proccess15m
Q/A10m
AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer

4. DESIGN PROCESS
Discussion of the collaboration problem

5. FinishStart
Final
It. #3
It. #N
It. #2
Discussion #1
Iteration #1
D. #2
D. #3
How it should look
DESIGN
PROCESS
AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer

6. DESIGN
PROCESS
App mockup Comments
AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer
48x48px
app_settings@2x.png
PF Din Text Universal
12PT, Bold,
rgba(0, 0, 0, 0.25),
Uppercase
PF Din Text Universal Bold
16PT, rgb(255, 255, 255)
PF Din Text Universal
12PT, Regular
rgba(0, 0, 0, 0.25)
98PT
320PT
Proportional to
1080P video size

7. TIPS & TRICKS
Advices for speeding up a development proccess

8. DESIGNER
“I think it should be
a nice button here”
DEVELOPER
“Wish I had more time to
develop this f* button”
“Discussion sessions are very helpful”
01
AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer
1X
2X

9. “Everything should be guidelined. Even buttons.”
02
AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer
Follow Anna’s work
Follow Anna’s work
You follows Anna
Unfollow Anna
Active
Clicked
If you follow someone
Button transforms when
you click on the previous state

10. “Simple and effective QA design sessions”
03
AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer
Implemented Designed

11. “Platforms are different”
04
AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer
Transluscent
Gradients
Smooth animation
Outline icons
Objective-C, Swift
Helvetica / San Fransico
2 resolutions
Material Design
Flat palette
Meaningful transitions
Filled icons
Java
Roboto
100500 resolutions

12. BASIC THINGS FOR A DESIGNER
“Design & Code for everyone”
05
AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer
Block development
iOS & Android controls
Front End patterns
Google / Stackoverflow
HTML & CSS
BASIC THINGS FOR A DEVELOPER
Images cut
Illustrator “Save as”
Layers
Shapes
Blending options

13. QUESTIONS & ANSWERS

14. AHMED SULAIMAN
CEO Flawless App, ex. Petcube Developer
ahmed@flawlessapp.io
www.fb.com/ahmed.sylaiman
www.flawlessapp.io