https://www.sharanjdesign.com/about daily 0.75 2024-10-08 https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/0f7b216c-0d6e-449a-b85c-a2d15223043f/Winston+Li%2C+Founder+of+Arima+%281%29.jpg https://www.sharanjdesign.com/contact daily 0.75 2021-09-27 https://www.sharanjdesign.com/otg-golf-ui-design daily 0.75 2024-10-08 https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632783754093-SE93INU4HXJIWN6GOVDA/mockuuups-user-scrolling-on-an-iphone-mockup.jpeg OTG Golf OTG Golf On the Green Golf is a iOS app that allows you to improve your swing while avoiding injuries. Using the camera in your phone OTG Golf tracks your swing and gives you tailored tips to improve your swing and avoid injury. It’s like having a golf coach in your pocket. Never practice alone again with OTG Golf. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632789212269-WTKCMJVGHLNO5EIT8BWO/Vector.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632790474499-F9C14V6GLK99XD0VKS71/Untitled+presentation+%282%29.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632867439863-RIRZ5WRP1NNR2XXJ6AP1/Untitled+presentation1.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632867462498-Z6GDKTEPZ3LCMPIVC70O/Untitled+presentation2.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632867488590-44KU5771430GJV2OOJ42/Untitled+presentation3.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632865566715-9ANVBZO8N7QEI5D0EVNB/Untitled+presentation.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632789487104-ARZKTCYQYZW98V7O5461/Untitled+presentation.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632789904906-MIBOJ6OCH6YE9YZ2LSWQ/Capture1.JPG OTG Golf How might we reduce the significant physical injuries that amateur golfers sustain when first learning golf, so they can continue to enjoy the sport and avoid long-term injury? https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632790063756-KGRT93NCT75ABHKX135R/Untitled+presentation+%281%29.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632868266283-IQ7N5RDPFA55Z7FG753T/Untitled+presentation4.png OTG Golf - Make it stand out Our main epic is practicing golf. It is the area where the user will hurt themselves the most and it is the area that needs to be focused on in order to really affect change in the industry. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632868286715-08CGCPXN2E443N6HZ4BO/5.png OTG Golf - Make it stand out Making sure our user doesn’t think of golf as an “old mans” game, is paramount in the way that the user needs to be thinking. Golf is a tough sport on the body and as our secondary research proved: proper preparation is the best way to avoid injury. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632868307434-CX463XGVKLT5FTBA2JKQ/6.png OTG Golf - Make it stand out Adding in a social aspect to golf is also a undervalued part of the game. While many people like to practice alone: players are almost never alone when on the course. Bringing that social aspect into the app could be a nice addition in order to let the user experience a bit of comradery and have some healthy competition. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632869796022-NMN8Q6XLCQWXSUKL1WVE/10.png OTG Golf Our primary epic will be Practicing Golf. As stated before, the majority of the user stories fall into this epic. It is the area where the user needs to be supported the most, and the user is in the most danger of accruing an injury when they are actually practicing. Where do we go from here? https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632868885573-QCSMBSKR19G3QUC0N192/Persona.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632868937796-4VB3TH1NZTUVLHBJMHEI/User+Journey+Map.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632872652073-32YVVG1ADC1NCL1T63MS/SC200-Plus-side-view_C_800x.jpg OTG Golf - Make it stand out Without getting a $20,000 multi camera ball monitor, these launch monitors (Under $500) are your best bet. They have relatively accurate data and use LiDAR in order to track the ball movement. Fancier machines use high speed images taken of the swing and impact in order to calculate the trajectory of the ball. Luckily the technology for these systems have started to appear in our pockets. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632872388628-2SWWGTRK03SBR4C4RYIF/iphone-12-lidar-concept.jpg OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632872764585-720DERF2GCGUS18G2HWE/11.png OTG Golf With the help of better cameras and LiDAR in new phones these days, we can use the technology to combine the LiDAR used in launch monitors, as well as the high speed imagery used in the multi camera setups in order to accurately track the ball flight. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632872992427-GJSY22L5YKFW42BLF89U/12.png OTG Golf - Make it stand out LiDAR can not only track the ball. The biggest development is that LiDAR can now track the human body too. We saw some competitors apps that allowed you to draw lines over a video of your swing. We noted that this is a lot of extra work, and the user is expected to dissect their own swing. With the advancements put forth, a phone will now have enough processing power to track the ball and the body through the whole swing and automatically give you feedback in order to keep the user safe from injuring themselves. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632871295709-4N1NW6WXJC9FFNID7EYE/userflow.png OTG Golf - Make it stand out Based on the primary epic and the experience map, we can see the journey the user of the app will go through when starting a practice session. They will be fully guided and cared for though the whole process: from the warm up to practicing their swing, to checking their results. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632873327620-7HRXQWSI5NRLYP625RC9/14.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632873670522-9AAI7HEO7AV7SGSO2CA2/15.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632876272009-QXEE3U2HHWMCPC5TC3VO/16.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632876439262-MTIQZAXZ05K5NFEH47QB/17.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632876473552-OLPOR236EPNEE508JR02/18.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632876596883-MH6YK7QNLNHCQEZQV9JB/19.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632789212269-WTKCMJVGHLNO5EIT8BWO/Vector.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632877906447-F45BC6CEPCFTK9HDVR3E/20.png OTG Golf Some extra UI Inspirations were added in, specifically regarding the display of sports metrics. How they were used and how the colour was applied is what was looked at. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632878635845-KHGRYQTX92B7NAC18UFV/21.png OTG Golf - Grids & Spacing The details of the grids and spacing used is shown to the left. A 3 column grid allows the screen to be separated well and provides the borders on the sides of the frame. The 10px grid allowed for fine tuning and positioning of elements on the page. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632878667076-EJO3R8DCPOJRSVPUQQ6A/22.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632878687411-PYY74ZEUQ6YIC216CH91/23.png OTG Golf - Make it stand out Colours The colours were chosen from the moodboard. The greens from the logo were translated to the completion screen as green has a connotation as a positive colour. The blues were also pulled from the mood board and served as the apps primary colour. This is done to add contrast from the green that would be in the users video when they are golfing. Providing contrast between the video feed through the camera was a big consideration when choosing colours as we had to predict what colours would show up most often https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632878949318-4GMO65HTI519I3J8STG5/24.jpg OTG Golf - Font The font was chosen to match the phone. As LiDAR is only available on iPhones and we are designing this app specifically for iOS, we chose to use San Francisco in order to be in line with what the user is comfortable seeing. SF is a great font that is extremely clear and legible. As well as coming in many different thicknesses in order to introduce hierarchy while heaping the font consistent. The full list of styles is available on the UI Library page of the Figma file. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632880127108-XU0VJDKOT5C5KNSRO6KY/27.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632880148287-2AXIYRLFGQXLWBR5BBC3/26.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632880826188-Z8173CLTEBPHY0HDVC0J/iPhone+12+Pro+Max.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632881393219-E0IIV35LJ7WKDQIRN9NV/29.png OTG Golf - Make it stand out Because the app is a complex system that works with a lot of technology, I made sure to explain what the app does and how it does it very clearly for the user. Along with this I decided to give the app credibility I would get some professionals to sponsor it. I made sure to have the endorsements right at the top as it would add credibility quickly for a new prospective user. I added as many download links as possible in order to convince the user to download the app. Since LiDAR is only available on iPhone, I made sure to only include Apple app store links. In addition to that, all the mockups and imagery is set to be iPhones as well. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632881375912-P0666VGZXW9WWBZ99GLA/28.png OTG Golf - Make it stand out The content flow is shown visually to the left. This is how the information scales between the two types of devices. Text was first scaled down to an appropriate size for mobile, and then the images were scale to match. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632881661727-XW66UFSCY1H9GIP39VPP/MacBook+Pro+%26+iPhone+12+Pro.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632882475115-PDMFVN8X7QLU6DJTNDKZ/applewatchping-847.jpg OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632882667042-7HKSZCQQF4BGN3MRZM99/Sharan_Jayanth_CP1.png OTG Golf - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.sharanjdesign.com/ces-booth-design daily 0.75 2024-10-08 https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/4e766cd7-2234-4564-8b90-b46fda81a87f/Screenshot+2024-08-20+at+12.21.19%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/2e8f4e32-dedf-41aa-91b7-c4aa14ba035c/Screenshot+2024-08-20+at+12.23.28%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/16cce319-8829-46e4-8282-fb9f8ab006cc/Screenshot+2024-08-20+at+12.24.24%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/bd5946be-f9b4-4e4b-acdf-37b55b1a72fe/Screenshot+2024-08-20+at+12.24.39%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/bcad6a97-8e43-4b63-805f-ebd8e75d3adb/DSC07350-Edit.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/e3e038e1-eda0-4356-8918-9013b22ca1e2/Screenshot+2024-08-20+at+12.46.45%E2%80%AFPM.png https://www.sharanjdesign.com/work daily 1.0 2024-10-20 https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/98e226be-1408-4054-b10a-4463153a4966/Screenshot+2024-10-07+at+9.38.29%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/1632880826188-Z8173CLTEBPHY0HDVC0J/iPhone+12+Pro+Max.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/9983e475-e311-4d59-9d13-e53014c5f30e/Cover.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/17618485-b37c-43e3-b97f-ef4f76fead80/Frulo.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/390cef9f-3eae-4b3b-af69-e769e5b6b629/Frulo_1.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/7a718c2f-fd65-4810-92d1-02c29d0e7f1b/Booth-Render1.png https://www.sharanjdesign.com/frulo-product-design daily 0.75 2024-10-08 https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/390cef9f-3eae-4b3b-af69-e769e5b6b629/Frulo_1.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/17618485-b37c-43e3-b97f-ef4f76fead80/Frulo.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/43777922-2a01-4079-85c7-21e4b637b141/insitu2.PNG https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/dfac4e7c-6f85-4eab-8d12-c3ffd9c19ec6/Screenshot+2024-08-13+at+10.00.14%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/7f9252cd-d6eb-4885-adb2-1601f8e53d88/Frulo-Y3.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/138489df-b89b-4094-a078-79f357d39cd3/Frulo-Y2.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/f60a0b40-b3e0-4abf-a000-a6f33c58033d/Frulo-Y5.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/0aaa23e8-8327-410e-9bb7-7ca7c46510ae/Screenshot+2024-08-13+at+10.05.14%E2%80%AFPM.png https://www.sharanjdesign.com/skip-the-dishes-hackathon daily 0.75 2024-10-08 https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/97724b1d-9e3e-42aa-8ab4-7ee136152d25/Group+10.png Skip the Dishes UI Design The user side of the app adds a section where the user can see the safety precautions the restaurant is taking. We tried to match the blue used in the allergies tab in order to keep the theme of health and safety in the pop up. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/85f025f5-ba9c-4b0f-a80d-e91bf3ad5550/Group+11.png Skip the Dishes UI Design The courier side of the app now includes a tab that shows where the diver can park, where they can enter the building and where the will go to pick up an order. This reduces time taken picking up and order as well as reduces close contact in order to keep the driver safe. https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/b7cfee4b-296a-4c58-979d-160033bb5b9c/245963738_4157974400969226_5080546061821042904_n.jpg https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/f51b7347-3168-4f8c-9fd6-e1e76c67ccf2/Group+6.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/423237fa-e2bc-4141-bcc7-e5af37bc92c2/research-skip_1.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/8af74d20-189b-49ca-aa84-7b5c844f5809/Primary+Research.png https://images.squarespace-cdn.com/content/v1/5b4b97bf297114eff488888b/69018508-3e41-41ae-baf4-d32fc9462157/Task+Flow+Diagram.png