%% *{ios memoji animated & interactive}* ``` https://reuben.science/posts/making-my-memoji ``` ![[Pasted image 20241022042529.png|60]] - [x] *improving speed & accessibility* - preloading doesn't work since we can't access head element when it first loads (note you access html elements like head from publish.js but it loads after loading the html doc so pre-loading wouldn't make sense) - optimising images by using .webp for images/gif (keeping img resolution as rendered size for illustrations was looking blurry so used ~2x resolution. - removing publish.js helped lower the LCP (Largest Contentfull Paint) - using video tag instead of a .webp helped but it is no autoplaying correctly (using google cloud storage as the hosting) - for accessibility made the primary color blue,;no colored bg for main callouts; *should I make links underline as well?*; alt texts are handled automatically; media width, height is pre-defined so that no layout shift happens (this messes up responsiveness); - [x] *better headline* - Ayush Rohilla is a product designer who codes on the side for fun. - Ayush Rohilla is a product designer who codes, exploring new interactions and technologies. - Ayush Rohilla is an engineer turned designer who likes exploring new technologies. - [ ] *Interactive memoji / avatar made with Rive* - [x] *update favicon* - something simple - represents what this site is about: thoughts, projects, journaling, work - [x] *media isn't responsive due to set width & height* - [x] *update illustrations* - use company colors: purple bg is the issue - maybe change that too? - yahan nahi to andar to kar hi skte hai - blaze: just use a arc browser window showing Onboarding page "Welcome to Blaze"; - winjit: person holding a phone with bb (how can I make this specific to tier-2); - reevia: person holding a phone with the app (scooter behind); - [ ] a lamp to turn light mode on/off - [ ] webring PR %% ## Ayush Rohilla is a product designer who codes, exploring new interactions and technologies. Currently, looking for a full time product design role. Check out work below. <span style="font-family: var(--font-monospace-theme)">[Resume](https://drive.google.com/file/d/10SyZlQrbS52vEQMRTc7VwptLPiilxDOn/view?usp=sharing) • [[About]] • [[About#^0282f9|Contact]]</span> ### Work > [!cite|noicon] Design & Growth @ Blaze AI (YC W22)<span style="font-family: var(--font-heading-theme); font-size:var(--font-text-size); color:var(--text-faint); font-weight:400"> • Aug '23 - Oct '24</span> > Owned end to end design process for redesigning: critical flows, multiple new features, & revamping onboarding. > > **[[Work at Blaze AI|Work at Blaze →]]** > > ![[Blaze WebP Converter (1) 2.webp|666x432]] > [!cite|noicon] Design intern @ Winjit Design Studio<span style="font-family: var(--font-heading-theme); font-size:var(--font-text-size); color:var(--text-faint); font-weight:400"> • Jun '22 - Aug '22 </span> > Collaborated with in-house team and client to deliver a redesigned app for financial offerings of Bandhan Bank. > > **[[Work at Winjit|Work at Winjit →]]** > > ![[Winjit PNG to WebP.webp|666x432]] > [!cite|noicon] Design intern @ Reevia motors<span style="font-family: var(--font-heading-theme); font-size:var(--font-text-size); color:var(--text-faint); font-weight:400"> • Feb '22 - Apr '22</span> > Collaborated with founders to visualise the vision and idea of a new electric scooter powered by a mobile app. > > **[[Work at Reevia|Work at Reevia →]]** > > ![[Reevia PNG to WebP.webp|666x432]] ### Side projects > [!cite|noicon] Team lead @ IIT Bombay Racing team<span style="font-family: var(--font-heading-theme); font-size:var(--font-text-size); color:var(--text-faint); font-weight:400"> • Aug '23 - Apr '24</span> >Led a team of 12 to build driving systems to run an autonomous racing vehicle and compete in Formula Student AI’24, Silverstone circuit, UK. One of the firsts from 🇮🇳 > > **[[Learnings from Formula Student AI|Learnings from Formula Student AI →]]** > > <video width="666" height="372" src="https://storage.googleapis.com/ayushrohilla.com/Autonomous%20Design%2024%20Video%20Speed%20(1).mp4" autoplay loop muted playsinline></video> > <span style="font-size:var(--font-small); color:var(--text-faint)">A prototype running autonomously bw cones. Left: shows the detection of these cones + path planning.</span> > [!quote|noicon] instantLipsum<span style="font-family: var(--font-heading-theme); font-size:var(--font-text-size); color:var(--text-faint); font-weight:400"> • Jun '24</span> > `Ctrl`+`Shift`+`L` → paste lorem ipsum. > > **[[instantLipsum|instantLipsum →]]** > > ![[Illustration converter.webp#outline|666x205]] ### Writings <span style="font-family: var(--font-monospace-theme); color:var(--text-faint)">Aug 31 '24 / </span>[[Learnings from Formula Student AI]] <span style="font-family: var(--font-monospace-theme); color:var(--text-faint)">Jan 26 '24 / </span>[[Notes from the book - The Hard Things about Hard Things]]