{
    "componentChunkName": "component---src-templates-case-template-js",
    "path": "/reposeat",
    "result": {"data":{"sanityCaseStudy":{"title":"Reposeat","tag":"Restaurant POS app","mainImage":{"asset":{"gatsbyImageData":{"images":{"sources":[],"fallback":{"src":"https://cdn.sanity.io/images/72m24xcw/production/ad5e087672d92383dc7b7665ce7aed17e39b75d9-1500x917.jpg?w=1500&h=917&auto=format","srcSet":"https://cdn.sanity.io/images/72m24xcw/production/ad5e087672d92383dc7b7665ce7aed17e39b75d9-1500x917.jpg?rect=1,0,1497,917&w=320&h=196&auto=format 320w,\nhttps://cdn.sanity.io/images/72m24xcw/production/ad5e087672d92383dc7b7665ce7aed17e39b75d9-1500x917.jpg?rect=0,0,1499,917&w=654&h=400&auto=format 654w,\nhttps://cdn.sanity.io/images/72m24xcw/production/ad5e087672d92383dc7b7665ce7aed17e39b75d9-1500x917.jpg?rect=1,0,1498,917&w=768&h=470&auto=format 768w,\nhttps://cdn.sanity.io/images/72m24xcw/production/ad5e087672d92383dc7b7665ce7aed17e39b75d9-1500x917.jpg?w=1024&h=626&auto=format 1024w,\nhttps://cdn.sanity.io/images/72m24xcw/production/ad5e087672d92383dc7b7665ce7aed17e39b75d9-1500x917.jpg?w=1366&h=835&auto=format 1366w,\nhttps://cdn.sanity.io/images/72m24xcw/production/ad5e087672d92383dc7b7665ce7aed17e39b75d9-1500x917.jpg?w=1500&h=917&auto=format 1500w","sizes":"(min-width: 1500px) 1500px, 100vw"}},"layout":"constrained","backgroundColor":"#3d362f","width":1500,"height":917}}},"intro":"Reposeat is a POS software for efficient restaurant management experience. It is designed for restaurants, cafes, bars & small outlets. Some of its features are billing, KOTs, recipe management, stock management, role management, debt management & offers/promotions.","projectInfo":[{"infoTitle":"Company","_rawInfoDesc":[{"_key":"39f6d93dbc89","_type":"block","children":[{"_key":"3db0f36bc779","_type":"span","marks":[],"text":"Cluebix Software"}],"markDefs":[],"style":"normal"}]},{"infoTitle":"Project date","_rawInfoDesc":[{"_key":"f520c212487f","_type":"block","children":[{"_key":"8fa705776c05","_type":"span","marks":[],"text":"June 2019"}],"markDefs":[],"style":"normal"}]}],"sections":[{"title":"Problem & challenge","_rawDesc":[{"_key":"340043b1d763","_type":"block","children":[{"_key":"97ec537537e0","_type":"span","marks":[],"text":"POS software often tend to have many options on the screen and sometimes the users felt overwhelmed and frustrated. In the previous version of the software, we had the same issues. Although this software was to be designed from scratch, we took it as an opportunity to learn what went wrong and solve certain issues."}],"markDefs":[],"style":"normal"}]},{"title":"My Role","_rawDesc":[{"_key":"24eaf4438fca","_type":"block","children":[{"_key":"021d7fc856b1","_type":"span","marks":[],"text":"I was an in-house designer for Cluebix. My roles include research, wireframing, UI design; convert from design to HTML, CSS & Js using Angular 7; check design heuristics while designing as well as in the development phase; maintain a design system"}],"markDefs":[],"style":"normal"},{"_key":"875e763de8db","_type":"block","children":[{"_key":"32245a8660110","_type":"span","marks":[],"text":"We took agile approach and proceeded with the iterative process of research, prototyping, evaluation & development for each module. The project went for testing once it was released as an MVP."}],"markDefs":[],"style":"normal"}]},{"title":"Research & Planning","_rawDesc":[{"_key":"fc301768e7fe","_type":"block","children":[{"_key":"4d4689d22a97","_type":"span","marks":[],"text":"I started with gathering information from the existing app and evaluated the pain-points of the existing software users. We asked our current users about their experience, what are their pain points and what they think would be helpful to add/update in the software. I researched about a typical POS software, did some competitive analysis and created a mood board for necessary features to cover in the software."}],"markDefs":[],"style":"normal"}]},{"title":"Sketches & Wireframes","_rawDesc":[{"_key":"9070ccb2001f","_type":"block","children":[{"_key":"6810839d43ea","_type":"span","marks":[],"text":"Our users (cash/bill manager) spend most of the time on the billing screen. I started with sketches and lo-fi layouts."}],"markDefs":[],"style":"normal"},{"_key":"188ce74824ee","_type":"figure","alt":"Reposeat sketches","asset":{"_ref":"image-35b557517b8305afd5e305c5dd9b89f28760df6f-1440x603-jpg","_type":"reference"}},{"_key":"e2566abd18ad","_type":"block","children":[{"_key":"758b339d30d70","_type":"span","marks":[],"text":"The screen was divided into 4 main sections: navbar, table section, items section, main-billing section. There was a discussion about the navbar on-top vs left, but we eventually went with the left-side navbar."}],"markDefs":[],"style":"normal"},{"_key":"1e17bacbf394","_type":"block","children":[{"_key":"f660b53acd8a","_type":"span","marks":[],"text":"\nHere are some initial lo-fi wireframes."}],"markDefs":[],"style":"normal"},{"_key":"4ae079f0bc46","_type":"figure","alt":"Reposeat lofi","asset":{"_ref":"image-18eca927fe864005218d7a913b74da35866dc27a-1400x840-png","_type":"reference"}}]},{"title":"UI elements & components","_rawDesc":[{"_key":"1d76373fef95","_type":"block","children":[{"_key":"e084571c6581","_type":"span","marks":[],"text":"To maintain consistency and ensure efficient design to dev handover, I developed a modular design language based on reusable components and their states, such as cards, list items, and controls. I have covered a few here:"}],"markDefs":[],"style":"normal"},{"_key":"b5c604b862ab","_type":"figure","alt":"Reposeat components","asset":{"_ref":"image-dc5f15ecd42f684f309319a87b71337dbaeae78f-1280x633-png","_type":"reference"}}]},{"title":"Hi-fi wireframes","_rawDesc":[{"_key":"0112db186733","_type":"block","children":[{"_key":"bcf2ddd41c69","_type":"span","marks":[],"text":"After trying some fonts, colors & icons, it was time to convert into hi-fi wireframes. I started with the 'Items page' where we can add/edit item-category & items, then continued with the 'Tables page' & 'Billing page'."}],"markDefs":[],"style":"normal"},{"_key":"4c4f78c7d71f","_type":"figure","alt":"Reposeat Hifi UI design","asset":{"_ref":"image-c83a5739592fabb4bd05c553eb3f18f3c91f3613-999x560-png","_type":"reference"}}]},{"title":"Conclusion","_rawDesc":[{"_key":"6f5b3fce64fc","_type":"block","children":[{"_key":"cccd00bfba1a","_type":"span","marks":[],"text":"The project's biggest challenge was designing the billing page and position the 4 components (navbar, table section, item section and billing in the screen) effectively without missing essential elements. I was able to overcome this by doing plenty of research & discussions during design sessions. We tested the software with the current users as a replacement for the older version. The feedback we received was very good."}],"markDefs":[],"style":"normal"},{"_key":"36614a0f15af","_type":"figure","alt":"Reposeat billing page","asset":{"_ref":"image-587686ac60e63aa4d988c2be83a9a663b7bc32e6-1400x856-jpg","_type":"reference"}}]}],"_rawOutro":[{"_key":"69208d13ef21","_type":"block","children":[{"_key":"0d522f8c72c5","_type":"span","marks":[],"text":"This was my first big project and I learned that taking small steps and breaking bigger problems into smaller bits is a good way to go. Being the only designer in the team, it was really challenging to make the right decisions. I learned a lot from this project."}],"markDefs":[],"style":"normal"}]},"allSanityCaseStudy":{"nodes":[{"slug":{"current":"pharaon-capital"},"sort":1,"title":"Pharaon Capital","tag":"Website & branding","mainImage":{"asset":{"url":"https://cdn.sanity.io/images/72m24xcw/production/167bb166684004ea63dfc268fa32e3d99a403f56-1600x1200.jpg"}}},{"slug":{"current":"growthpool"},"sort":2,"title":"Growthpool","tag":"Website","mainImage":{"asset":{"url":"https://cdn.sanity.io/images/72m24xcw/production/6ded3dc0db824dccffd00e20375c0e3dc858ccdc-1200x900.jpg"}}},{"slug":{"current":"ocean"},"sort":4,"title":"Ocean","tag":"Android app","mainImage":{"asset":{"url":"https://cdn.sanity.io/images/72m24xcw/production/849d155a17ad725ae1b1f396586deb8614c4aedb-1366x768.jpg"}}}]}},"pageContext":{"slug":"reposeat"}},
    "staticQueryHashes": ["48571313"]}