design front-end
Sneed: Coworking Spaces
Task
Wireframe
UI/UX
Front-end
Sneed is a platform where you can look for the best coworking spaces, shared office spaces, or workspaces for rent.
The project's goal was to design and build a React webapp for the main website that included a partner, user, and admin dashboard.
Expectation
Our main challenge is making a good platform that feels like a simple and easy-to-use market place for booking co-working spaces.
Because there are so many competitors in the market, the theme and appearance should be distinctive.
It's also simple enough for new partners and customers to get on board.
The idea is to upgrade SNEED to a level where the platform can compete with other top brands like WeWork and BHIVE.
Design
Colors
The primary color was a client preference, so we had to choose a secondary color close to red to highlight important parts.
The neutral variant key color is used to derive medium emphasis text and icons, surface variants, and component outlines.
Primary
#40C4FF
Primary Container
#DBECF3
Secondary
#F54848
Secondary Container
#FDFFEE
Text
#000000
Typography
Front End
Structure
The language picked for styling is SCSS for better decoration, and for development, Typescript.
The libraries chosen for the tech stack were Material Ui, Redux for state management, and NextJs for SSR.
Dashboard
The responsive design and development of all the pages were completed for this project. Have a look at some of the import pages from all the dashboards.
Home page of partners' dashboard, from which he can analyse competitors, track spaces, and access other features.
The Search section of the Main Webapp contains various types of filters. As well as map results.
Detail page showcase of venue with features like comparison tools and shortlist.
Thanks to the client, we finally designed and developed a beautiful webapp and dashboards after nearly 6 months of work.
There were almost 120+ design screens which were implemented and tested properly.
