Mak Zuljevic-Default jpg

Mak Zuljevic

CREATIVE, UI/UX DESIGNER

Hi, my name is Mak, and I’m a creative eager to explore solutions for visual and systemic problems. I strive to stay current on trends, while deepening my knowledge of design histories, especially the ones not traditionally recognized by the Eurocentric canon.  

The LWTech program was the optimal space to learn from failing, to iterate while uncertain and to find all the possibilities in which design keeps addressing problems in everyday life. 

The Online Print Form 

An online print order portal made exclusively for a college’s staff and faculty. 

Project Overview

Problem statement: how might we simplify complex orders for prints? The prototypes are designed for desktops, as it’s the device most frequently used by the users. There’s two user flows. In the first, the user creates the estimate by specifying what the booklet needs. In the second, the user turns the estimate into an order, checks the online mockups, makes revisions and places the order. The print order portal will make order taking effortless, with easy-to-digest information, visual aid and descriptions of lesser-known terms. The otherwise complicated system of picking stock and options will be funneled down for them. 

Process Work

RESEARCH

Market Analysis

The competitors tend to segment the form into steps, they show an easy way to track progress and most feature software that can detect and indicate bleeds and margins.  
 
User Research

The user may have limited knowledge of what’s needed as the file is passed to them with incomplete information and their job is to pick the required specifications. They’re likely to pause, check the file on their desktop or get guidance from the supervisor for which product specifications are needed. They need turnaround time and estimate to plan the budget earlier in the project phase, sometimes days or weeks before the file is prepared for printing. They need the ability to save the progress on the form. 

DESIGN PROCESS

In the first phase of the design, I focused on the form for placing the order. It was segmented to ease the cognitive load. User tests showed that it was easy to follow even though some of the terminology was a bit confusing: it proved difficult for some to differentiate between file pages and pagination, and more assistance was needed for picking the stock types. 

I received an insightful note in class to forego mandatory number entering when assigning color vs greyscale, and to simplify the options by labeling a selection “color on all pages” and another “color on covers, greyscale for inside pages”. This proved to be easier for users in tests. Another major challenge was to add requirements such as estimate number, FAQ section, checking the margins, providing mockups. With iterations I found the right layout to fit all, while making it scannable.  

Interviewing the users, I realized that there was a need for estimates. I designed the estimate form making sure that it matches the layout and information hierarchy of the order form.  

Deliverables

My deliverables at the end of this project include a limited version of the application.

Conclusion

The project has garnered praise from classmates and the professor for the thoughtfulness that was applied in the research and iterations. The final UI has mixed results and future versions will need to lighten the cognitive load on the order form page. Some of the noteworthy successes were the integration of smart fields, which prepopulated the form with common specifics for a product type, the quick and easy options for color assignment and stock options offered for the new user vs more detailed ones for the advanced user and the consistency between the estimate and the order form.  

Scroll to Top