Conceptual projectGLS Institute of DesignMobile app

ScribbleShip

A mobile app for ordering stationery and prints on demand in Ahmedabad, taken from sector research to a high-fidelity prototype and a pilot strategy.

Three iPhone mockups cropped top and bottom on white: the home screen with a location header, a Search Pencil Boxes field and an Upto 60% Off hero banner, a ChromaGlide marker set product page, and a Print Job Lineup with an Upload button.
Role
UI Designer
Timeline
3 weeks
Tools
Figma
Guides
Prof. Hardik Shiroya · Prof. Yash Sakla
3 weeksStart to prototype
4Phases, research to UI
1High-fidelity prototype
1Pilot strategy

Overview

Ordering stationery as easily as ordering food.

Brief

In Ahmedabad, ordering personalised stationery or prints is fragmented, with no single platform from browsing to ordering to delivery.

My part

I designed the full UI, working from UX research through high-fidelity prototyping. Branding was by Saurabh.

Result

A high-fidelity interactive prototype covering the full user journey, plus a pilot strategy for launch.

Context

Can we deliver stationery and prints on demand?

In Ahmedabad, ordering personalized stationery or print materials is still an inconvenient, fragmented process. Students, businesses, and academic institutions routinely need custom prints, but there is no single platform that brings the entire workflow together, from browsing to ordering to delivery.

ScribbleShip was built to address that gap. It is a mobile app designed to streamline how people discover, customize, and order stationery and print materials. The goal was to make the process feel as effortless as ordering food, bringing personalized stationery and prints on demand to a market that had been underserved.

Design and UX principles were used to devise a comprehensive execution plan, from sector research through to a pilot strategy. I designed the full UI, working from UX research through high-fidelity prototyping.

A red title slide reading Good stationery can create stories and good quality prints can be delivered, with three iPhone mockups of the app.

What we set out to do.

The project overview slide: Project 03, Mobile App UI/UX Design, 3 weeks of interface design and research, with the guides and team listed beside a ChromaGlide marker set product screen.

Project overview.

Research

Pick the sector first, then learn who is in it.

1 · UX researchStarted with sector selection to identify the right market opportunity, followed by ground study and gap analysis in Ahmedabad. Market research confirmed the demand for on-demand print and stationery services. From there, the unique selling proposition was defined: a single-platform solution for personalized stationery and prints with delivery.
2 · User researchA user survey was conducted to map real behaviors and pain points. This informed the creation of user personas and the end-to-end user journey. The target audience included design and art students, creative young adults and teenagers, companies requiring bulk prints, and professionals seeking a stationery solution.
Psychographics and Demographics: two persona blocks with red scribble-hair character illustrations, Aman, 21, a design student, and Sohum, 56, a print shop owner, beside the Visual Language panel covering colors, iconography and typography.

User personas, and the visual language that followed from them.

Wireframes

Test the skeleton before investing in the skin.

3 · WireframingWireframes were built to test layout and information architecture. A low-fidelity prototype was used to validate the core navigation and task flows before investing in visual design.
Three wireframe directions for the home screen, with notes, beside the Component Language panel: an order picked card, bottom navigation states, a Place Order total and payment methods.

Three wireframe directions, and the component language.

The Printing Taskflow: six wireframe screens from adding files to upload, through the print lineup with size, paper and quality options, to add to cart.

Printing task flow: upload, set print preferences, add to cart.

UI

A visual language that came from the audience.

Usability testing surfaced friction points in the early flows, which were improved before moving to the visual language.

  • TypefaceSF Pro Display was chosen as the primary typeface.
  • ColourBright red for attention and key actions, with black and white providing contrast.
  • IconsRounded and soft, to match the friendly, approachable tone of the brand.

The final high-fidelity prototype covered the full user journey, and a pilot strategy was drafted for launch.

Outcome

A complete mobile experience.

The final deliverable was a high-fidelity interactive prototype covering the full user journey: onboarding, browsing stationery, placing print orders, customizing materials, and tracking delivery. Usability testing validated that the core flows were intuitive and the visual language was well-received by the target audience.

"The app feels extremely smooth and exciting, I'd love to actually use it."Sneha Manna, Student
"The idea is very much needed, we as students always face this problem."Siddharth Dutta, Student

The project also served as an exercise in end-to-end product thinking: from identifying a market opportunity through sector research, to defining a USP, to shipping a tested prototype with a pilot strategy. A certification course under Saptarishi Prakash deepened my comprehension of the design process throughout.

Takeaways

What I took away.

  1. UX research before UI prototyping is not optional. The sector selection and gap analysis gave the project a foundation that made every downstream decision faster and more grounded.
  2. Test at the wireframe stage. Usability testing there caught problems that would have been expensive to fix in high fidelity. Testing early is always worth the time.
  3. The visual language came from the audience. SF Pro, bright red for action, soft rounded icons: design decisions that follow research feel intentional, not decorative.
  4. Range carried into later work. Working across UX research, UI design, strategic planning, and information architecture in a single project built it.