A brief skeletal layout of the application to be designed.

1. Pratik Padhi
114id0206

2. Introduction
 Software designed to run on mobile devices such
as smartphones and tablet computers.
 Mobile user interface (UI) Design plays the most
important part in engaging with the user
 Several constraints are taken into consideration during
the design phase.

3. Objective
 To design an interface for a project or portfolio sharing, mobile based
application.
 To make use of the data perceived from assessment of existing
platforms.

4. Motivation
 Better understanding of projects undertaken
 Develop a sense of competitiveness
 Act as a bridge between students and faculty members
 Will result in more happening academia

5. Steps:
 Concept
 Design
-------------------------------------------------------------------
 Programming
 Launch
 Marketing

6. Methodology
 Heuristic evaluation
 Personas and storyboard
 Card sorting
 Paper prototyping and wireframe
 Visual design

7. Existing platforms

8. Heuristic evaluation
Comparison
between
Behance and
Pinterest
Common features

10. Personas
and
Storyboard

14. Card sorting
1. The cards were made.
2. The sorting
was done to
separate the
similar and
dissimilar
functions
3. The cards after
sorting

15. Paper prototyping and
wireframe
The pictures show the flow of the application, linking different pages

16. Visual design

18. Final Design

19. Logo
Evolution of the logo
Free hand sketches of logo
• A sphere of network
• Entities are connected
• Uneven stroke, just like a chalk

20. Colour scheme
Colour picker
Final colour scheme : Blue-Grey
Hex codes:
• Blue ( 0383e6 )
• Grey ( acacac )
• Dark grey ( 7f7f7f )
• Dark blue ( 0277bd )
• Black ( 000000 )
Reasons:
• Calm, relaxing
• Encourages innovation
• Fades in background

21. Font
 Calibri was chosen, keeping it professional
Reasons:
• It is associated with stability.
• Renders beautifully on computer screen
• Less congested

22. Salient features
 Transparency: The user is totally aware what he is doing.
 Self-Exploration: The user is guided by its own intuitions, rather successfully.
 Fading background: The background gets blurred while accessing the
dashboard and messaging option.
 Drag and drop: To upvote, comment, share or collaborate with a particular
project, one has to drag and drop the options available below on it
 Network building: This application is based on a strong student-faculty-alumni network
which gives its unique identity.

23. Digital Prototype

26. The digital prototype was created using Marvelapp, the link to which is:
https://marvelapp.com/5cg2i0e/screen/27589918

27. Conclusion and future scopes
 Developed by looking at the current problem of having
no such facility at institute level
 This concept is appealing in spite of being relatively
new
 Develop a strong happening network, where exchange
of ideas would be the prime focus
 Linking it with other sister colleges could considered a
possibility
 Can be linked with other databases

28. References
 www.uxmag.com
 www.designshack.net
 www.behance.com
 www.pinterest.com
 https://en.wikipedia.org/
 www.marvelapp.com
 www.creativebloq.com
 www.shortiedesigns.com
 www.uxplanet.org
 www.thinkwithgoogle.com
 www.designmodo.com
 Readings provided by Dhananjay Bisht sir.

29. Thank You