Stats: 3,190,152 members, 7,939,635 topics. Date: Wednesday, 04 September 2024 at 09:28 AM |
Nairaland Forum / Science/Technology / Programming / 2022 Experiment 1: Becoming A Product Designer (10781 Views)
17 Year Old aspiring Frontend Developer / Product Designer / Product Designer - UI /UX / A Thread On My Experiment With Reinforcement Learning & Artificial Intelligence. (2) (3) (4)
(1) (2) (3) (4) (5) (Reply) (Go Down)
Re: 2022 Experiment 1: Becoming A Product Designer by Emeraldfynest(m): 6:40pm On Nov 06, 2022 |
Please if you don't mind, I will love to connect with you bro. |
Re: 2022 Experiment 1: Becoming A Product Designer by Sleekcode: 7:03pm On Nov 06, 2022 |
SKhanmi: Wow... not perfect but always room for improvement |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 7:00am On Nov 07, 2022 |
Sleekcode: That's true, can see I made some forgetful omissions myself. Will make changes before creating it with webflow. Thanks. |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 7:01am On Nov 07, 2022 |
Emeraldfynest:No problem, skhanmi733 at gmail.com |
Re: 2022 Experiment 1: Becoming A Product Designer by Emmex45(m): 6:02pm On Nov 07, 2022 |
SKhanmi:OP i followed your thread to this point and i can say it is a wonderful learn experience and i hope to join you too. But i have 3 questions. *how much do you spend in courses/bootcamps till this point. *did how side hustle or a job to fuel your process? *did you use laptop or desktop. And what is your laptop specification. |
Re: 2022 Experiment 1: Becoming A Product Designer by Emeraldfynest(m): 6:40pm On Nov 07, 2022 |
Thank you, I sent a mail. SKhanmi: |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 12:34am On Nov 08, 2022 |
Emmex45: 1 intensive course on scholarship (Udacity UX Nanodegree) 1 Bootcamp (Joseph Brendan's) 35k. You mean internships or side hustles? Yes. Having regular Power & Data is very important. Laptop, 8gb 256ssd, keyboard light, Double batteries for extended use time. |
Re: 2022 Experiment 1: Becoming A Product Designer by Emmex45(m): 6:38am On Nov 08, 2022 |
SKhanmi:Thank you very much for your reply. 35k for all the courses is quite a still o, i thought you spend 500k in courses o. Baba more oyel for your head |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 8:59am On Nov 08, 2022 |
Emmex45: I spent a lot of time researching so I come across a lot of free resources and valuable information, Almost paid for stutern uiux training back then before I got the scholarship from an Egyptian company. It all depends on the amount of information available to you. Thanks |
Re: 2022 Experiment 1: Becoming A Product Designer by Emmex45(m): 1:09pm On Nov 08, 2022 |
SKhanmi:Thank you for your update. But can you say you can confidently become where you are now with only those two courses i.e without the egyptian scholarship. In addition, is your internship nigeria based? |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 1:42pm On Nov 08, 2022 |
Emmex45: Absolutely, they were both in-depth courses taught by professionals with relevant global industry experience. One focused majorly on UX and the other on UI. One doesn't need multiple courses, get the foundational knowledge & practice constantly/join internships. Yeah, Nigerian based. 1 Like |
Re: 2022 Experiment 1: Becoming A Product Designer by Emmex45(m): 6:44am On Nov 09, 2022 |
SKhanmi:Thank you for your input. Did you also used youtube videos for your projects? Is your internship remote based? |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 11:06am On Nov 09, 2022 |
Emmex45: Nope, I hardly use YouTube unless my search results direct me there & it would be more related to UI designing in Figma. The projects I've done or participated in followed design processes I was already familiar with ( Research Define Ideate Prototype Test & Iterate ), all one has to do is complete the tasks under each. Everything is remote based, got links from Twitter & discord. |
Re: 2022 Experiment 1: Becoming A Product Designer by UyaiIncomparabl(f): 7:46pm On Nov 09, 2022 |
Hi Sukhanmi. How long have you been on this journey? Impressive thread and designs BTW. |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 9:55pm On Nov 09, 2022 |
UyaiIncomparabl: Thanks, Started November last year. That's 6months if I remove the months I went AWOL, no thanks to imposter syndrome. Got a good grasp of the UX basics and already had above average UI skills and I'm very sure would have snagged a junior role within 3 months if I tried. Seen others with shorter transitions from learning to employment 1 Like |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 4:00am On Nov 10, 2022 |
Successfully replicated the first figma file in webflow, added some interactions. Started with one of the simpler ones. Started around 8/9pm & finished around 3. The interactions took a bit of playing around with before I got the ones I wanted. Webflow video here: https://vimeo.com/769263384/d1a8d9aac7 Phew! Seems november is going to be busy, An internship I applied for on Linkedin just sent in an assessment mail, they want a whole case study ![]() Wide awake at 3am listening to NF album. Unbothered. Change! 2 Likes
|
Re: 2022 Experiment 1: Becoming A Product Designer by UyaiIncomparabl(f): 6:00pm On Nov 11, 2022 |
SKhanmi: Oh, great. So, you have been learning this for about 12 months now? |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 8:29am On Nov 12, 2022 |
UyaiIncomparabl: Yeah |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 1:18pm On Nov 12, 2022 |
Started replicating the nftlanding page in webflow. First thing was to download in svg format, all the assets in figma and upload in webflow. The logo, the account icon, the sign out icon etc are assets. That NFT design template is harder than it looks. ( using this https://bon_a9ja.online/nftlanding/ as a guide, remove the _ ) The section beneath the hero page, the animated one with brands moving across the screen was my first roadblock. I had no inkling how to replicated that, was it a video? animation? Later got the idea to use the website inspector and finally got my answer. It was a slider! We weren't taught how to use a slider in the bootcamp but typical of me, I located it in the element section and was able to add the brand logos and animate it on the first try, then I noticed I couldn't get the brands to show and follow closely after each other, every brand logo was taking up the whole screen before the next one showed up. Ran to the help section and googled afterwards. Futile, you can configure the slider itself but not the slides properties, any attempt to reduce the width of one slide will turn the slides into a single static one. At least that's what the 2 hours of research I did tells me for now. Had to put the images in a div box and center them, as shown in the last image. Couldn't get the original search button design also unless I wanted one for aesthetic purposes with no function, had to use webflow's default search element.
|
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 1:28pm On Nov 12, 2022 |
Second roadblock, compare the two images below. I wasn't observant enough to see that it was 3 images on a single slider and wasted hours trying to fit a single image on a slide page combining it all together before it dawned on me. Brain fog ain't a good thing. So what you see in my own design is 5 images on a SINGLE slide, the next slide would also bring 5 Images. Phew! What's wrong with mtn lately, I hate working with slow internet, I start to feel like the hulk.
|
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 1:42pm On Nov 12, 2022 |
Remember I said the design was hard? I'm referring to cards with many minute details like this, It's easier in figma, guess the one I created from scratch? It's the fine one ![]() The other one is an svg file, faster for me but in reality the bookmark icon (heart) would not be clickable. One could create a card component in figma without the bookmark button, download as svg, upload in webflow and add the clickable icon in webflow. Why work harder when you can work smart ![]() Second and third images, simply uploaded the svg's. Already know I can design them from scratch but I need to move faster. It's good to know they are re-usable components, design one and re-use.
|
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 9:41pm On Nov 15, 2022 |
Damned bot ! Guess I can't post the last issue I had with the webflow design. Was trying to add some interactions to the tall cards. On mouse hover, A tall card should collapse to the shorter square shaped one (3rd image) then go back to default once mouse ho.vers out. You obviously can't do that if it's an image, the stroke outlined ones are designed from scratch. Na die ! Unlike figma where you can just create another element and link the two using interaction connectors. In webflow you have to select the element you want to change, change it's state from normal to hov.er and edit while in that state.... End of 1st half Had to settle for the second pic. Would have explained my design decisions but that bot won't let me post the second half
|
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 10:30pm On Nov 15, 2022 |
In the meantime, I've been scouring this platform for valuable info and advice, already stumbled on Venzal's video for freelancers and linkedin optimi.zation and others. No designing tomorrow, will just focus on updating my resume and various profiles. Having doubt's about this fle.xi.saf internship assessment, It's something I can do but I'll feel ripped off If I didn't make the cut. Finished webflow video: https://vimeo.com/770841567/ac50ea716d The header and footer doesn't look nice to me though, next time I'll just use tailwind templates 2 Likes
|
Re: 2022 Experiment 1: Becoming A Product Designer by Sleekcode: 11:48am On Nov 16, 2022 |
Nice Bro 1 Like |
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 11:30pm On Nov 17, 2022 |
Lol, See what I stumbled upon. Most people by default would have gone for the second case study & even coded it even though it's obvious it's something they could internally implement. It's good for self learning though. Do it and don't submit. Reddit & twitter be opening ones eyes. Been scrolling through LinkedIn and I'm astounded by the amount of openings for product design vacancies across all levels available in the US compared to other locations ![]() 1 Like
|
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 12:04am On Nov 18, 2022 |
Nice ![]()
|
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 12:34am On Nov 18, 2022 |
Almost done with my linkedin profile, just need to rewrite the about section. Already updated my resume, applied for some jobs also, used kickresume to sharpaly generate cover letters which I edited to my taste, to blazes with ruminating on what to write for hours like say I wan write jamb. While browsing I searched for webflow jobs out of curiosity and I found one site that had like 4 listings, it didn't show the date the job listings were posted or whether they already expired. Saw a task that piqued my interest though ( clevertask.co ) They wanted to transfer their figma designs to webflow. Thought I should try it out, Identifying components, Copying and formatting the content took an hour, then coupling took 3-4 hours before I took a break. Currently contemplating whether to go and crash or duplicate it. Luckily they use the same template for most of their landing pages. You see tables, I see re-usable components. Use to hate parts like this until recently. Should start with the webflow duplication tomorrow, the only parts I can see giving me issues is the FAQs animated plus math icon and the calender, I'll figure it out though, the rest is easy peasy.
|
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 2:08am On Nov 21, 2022 |
Remains the last 4 pages. Started the whole thing around 11pm. Transferring from figma to webflow is faster, hmmm Getting used to re-using components in webflow.
|
Re: 2022 Experiment 1: Becoming A Product Designer by SKhanmi: 9:52pm On Nov 21, 2022 |
Sighs, just left my system with exasperation. Tried publishing the website but the dimensions shown are different from the workspace dashboard. When I previewed it in the latter, the fonts looked too tiny, should have left it like that if I knew it would be normal in the published version. And figuring out the animations & interactions is taking me a lot of time, I quickly understand how to create them but that process of getting the right timing, ease & smoothness is like further maths, one just has to keep experimenting.
|
As A Computer Science Student,which Language Should I Start Learning / How To Make Money From Developing Software Using Vb Or Java / Html,css,javascript Group Tutorial
(Go Up)
Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health religion celebs tv-movies music-radio literature webmasters programming techmarket Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 48 |