The Office Outlet
A web app to decorate and buy your next workstation
The Office Outlet
Sr Designer/Researcher/Front-end Engineer
Engineering Lead CEO Sr Designer/Researcher/Front-end Engineer (me)
Next.js, GraphQL, Firebase
The Task was to create a web application that will help people drag and drop workstation items such as table, chairs etc to create a virtual workstation and then order that station just like what you created. Timeline was 6 months, but under my supervision and influence it was done within 5.
Why we started This project
"The current enterprise or personal Workstation space planning and interior design process in the UAE demographic is time-consuming, lacking visualization capabilities, and often leads to costly mistakes and waste. Users struggle to visualize and experiment with different design options, resulting in dissatisfaction after physical implementation. We saw the gap."
Asking the right questions - Before Starting
Strategic Q&A Session
I make sure that I do not ask wrong questions as time is much valuable in a development lifecycle. For example: I try not to focus on the big picture on the first phase of the design process, I care about individual success of my component and features. So I created this Q&A session to strategically ask question to find smaller to bigger size bottlenecks.
Wire-framing, Designing & Testing
Following a linear process was not feasible for us. So I did all of those things at the same time. I call it Iteration on the Go! I started with this style of wireframes and prototyped them fast to make sure every component has a purpose and the navigation flow makes sense.
Technical Depth
Building out the components
Following the Atomic Design Principle I start with the small stuff and build outward. Since this is a product that will be used by non technical people, design decision matters for maximum conversion.
Polishing the Design, UX and Usability
At this point branding, color theory, text readability, touch target, hover animations, interaction design principles are introduced to ensure a smooth user experience.
100%
Final output was satisfactory because 100% user conversion rate during Q1 was outstanding result we never hoped for. Everyone who visited the website ended up ordering from the website. Initial launch was only inside Dubai. Later we expanded to the UAE region.
You Dream It, I Code it