The document outlines the UX/UI design process at Creative Me Studio, which includes phases such as understanding and researching information architecture, wireframing, UX testing, and user interface design. Initially, an internal meeting summarizes information into a flowchart, followed by brainstorming and creating wireframes to establish app navigation. The process culminates in designing final screens and custom elements after client approval, emphasizing the distinction between user experience as the 'soul' and user interface as the 'skin' of the app.

1. UX / UI DESIGN PROCESS
STUDIO CREATIVE ME

2. 42 531
UNDERSTAND
& RESEARCH
INFORMATION
ARCHITECTURE
WIREFRAMING UX TESTING USER INTERFACE
DESIGN

3. CLIENT BRIEF
UNDERSTAND & RESEARCH

4. INFORMATION
ARCHITECURE
This phase starts with an internal
studio meeting where all
information is brought together and
summarised in the form of an
informational flowchart defining the
basic navigation flow a user would
go through while using the
app.various different possibilities
are thought upon and a final
information structure is established
as the starting point for the app
design.

5. CONCEPT
SKETCHES
Rough app screens are drawn on paper to visually bring the idea
into shape. Many different ux possibilities are explored at this stage
with discussions and brainstorming sessions within the team and
then with the client.

6. WIREFRAMING
The best shortlisted ideas are then created as fine wireframes to be
able to see the idea coming to shape in black and white. It doesn’t
include images , colours and other fine details, but is able to
establish the app navigation in a clean and precise manner.

7. UX TESTING
A functional prototype of the
wireframe screens is created and
shared with the client and other
users to be able to experience the
app as if it was a real functional
app. This stage greatly helps to
capture any navigation or
functionality errors done at the
conceptual stage. It saves lots of
time and money for the client as
reifications are easily done on
earlier stages and not carried over
to the development stage.

8. USER
INTERFACE
DESIGN
Final screens are designed after
the client’s approval of the user
experience. The user interface
design stage involves creation of
custom icons and illustrations and
establishing a colour scheme and
layout for the app. The UI is hence
the skin of the app, but the UX is
the soul.

9. ON BOARDING SCREEN

10. UI DESIGN

11. UI DESIGN
Final screens are designed after
the client’s approval of the user
experience. The user interface
design stage involves creation of
custom icons and illustrations and
establishing a colour scheme and
layout for the app. The UI is hence
the skin of the app, but the UX is
the soul.

13. Thanks for watching :)
© COPYRIGHT / STUDIO CREATIVEME 2017