Figma projects
Figma Sponsored Designathon - 2nd place 🥈
Prompt: You work in a busy e-commerce warehouse where orders pour in by the hundreds every hour, creating a whirlwind of activity as staff work to keep up with demand. This warehouse operates constantly. Communication is fragmented and asynchronous, creating chaos. The cycle loses efficiency as they struggle to keep up with the orders, as well as struggling to prioritize between expedited, normal, and cancel orders. This environment needs a system to integrate the needs of the whole team without relying on a rigid, linear workflow.
There are three different types of workers.
The pickers’ job is to navigate through inventory, which currently can take an unexpected amount of time
Packers receive items from pickers and prepare them for shipment. Their workflow is often disrupted by fluctuations in order volume and last-minute changes
Lastly, the item needs labels printed, shipments arranged, and final checks to ensure everything is right for the customer. This work is done by the shippers.
Work days are 9AM - 9PM with peak periods from 10 AM to 1 PM and 8 PM to 9 PM, where order volume can surge by 50%.
In the first 10 minutes of each hour, a preliminary demand function has found to be an accurate estimate to initial picking efforts. However, the system must continuously refine its predictions based on changing demand patterns. With fragmented communication, unpredictable workflows, and fluctuating order priorities, the team needs a flexible system to integrate their tasks in real time without a rigid workflow.
Painpoints
100+ orders per hour distinguish between expedited, normal, and canceled orders
Communication between pickers, packers, and shippers
Pickers - navigate through inventory
Packers - receive items for shipment
Shippers - print labels, arrange shipments, final checks
High-fi mockup
Goals
Streamline communication between the pickers, packers, and shippers
Organize incoming orders by order status
Display warehouse and individual tasks with an intuitive UI
Interactive Demo
Overview Page
Designing for a Tablet (used in warehouses)
Sidebar for quick page access
Differentiate between personal/other tasks
single click for marking tasks complete
My Tasks Page
My tasks organized by status: completed, overdue, active, upcoming
Each task listing: order number, address, quantity, priority, warehouse location
Color coding status for visual hierarchy
Picker Dashboard
Picker, Packer, and Shipper Dashboards
Condensed info for organization
Star to keep track of specific orders
Click worker’s profiles to contact them directly
Studi - Study Spot Web Application 🛋️
Problem: University of Michigan students face challenges when picking places to study around campus.
1)
Students are not aware of what study spots are available to them.
An Overview
High-fi Mockup
Interactive Demo
2)
Studying often feels dull and repetitive.
Goal: To help UMich students track and find study spots that meet all of their needs. (In a fun and social way)
A website where users can rank study spots based on 8 metrics and post them to be seen by other users
A feed where users can see and engage with posts
Each post contains an average overall ranking out of 10 points, user notes, location, and a photo
On the profile page, users can keep track of all of their previous rankings
The Leaderboard, where you can find the top-10 highest rated Studi spots
3)
Technical elements
Remix.js, React.js
Supabase
Github OAuth
Students have evolving needs.
Home Page
Title and tagline invites users to explore study spaces.
"Post now" button for users to contribute their own reviews
Interactive icons for a visual representation of study spots
Feed
Users can see rankings of different study spots and a brief description
A search bar and filter options at the top allow users to narrow results
Profile Page
Personalized welcome and an indicator of how many study spots a user rated
Displays user’s recent rankings
"Post now" button encourages user to contribute more reviews
Leaderboard
Features the 10 highest rated spots on Studi