DEV Community

Cover image for My Online Portfolio
Lynne
Lynne

Posted on

My Online Portfolio

Guess what?!

I have been working on my online portfolio for the last couple of weeks and I am so excited to say that it’s ready for you to see!

Take a look lynne.codes

Alt Text

I have learned so much HTML, CSS, and JavaScript during this process and can’t believe that it was almost three months ago that I left my job as a Pharmacy Program Director to become a Web Developer.

There were times that I thought it was hard and thought that I would never understand these crazy coding languages. But I don’t regret my decision to take this path. The more I build, the more I understand.

I am so ready to get out there and start my new career and use my new knowledge to create amazing designs and websites. If there is anyone hiring in the Las Vegas area or remotely, I'd love the opportunity to show you what I can do!

Never give up! Today’s just another step towards the future you want.

Until next time,
<3 Lynne

Top comments (31)

Collapse
 
michaelphipps profile image
Phippsy

Nice work! Did you do the artwork yourself or use stock art? Would you like any critical feedback?

Collapse
 
lynnecodes profile image
Lynne

Thank you! I did do all the artwork myself and would appreciate any feedback.

Collapse
 
michaelphipps profile image
Phippsy

The artwork is fantastic. I reckon you could have a decent side-hustle selling artwork elements for other designers to use!

Anyway... my critique...

Check the site on a mobile phone. Many of your navigation elements are too small to read, let alone click.

The creative concept is cute, but the user experience suffers. Websites are user interfaces first. It was not obvious to me that some of the elements on the screen could be clicked on.

I recommend reading some of Jacob Nielsen's usability stuff nngroup.com/articles/ - Warning: he does prioritize 'easy to use' over 'pretty to look at'. Maybe google "Objective v Subjective Design" as well.

While I'm mentioning UX, Watch this short video on "Badly designed doors" [5mins 31secs] - while it has nothing to do with web design, it has everything to do with the user experience, and I hope you can take the concept back to your web designs.

Oh - and while I'm thinking about it - the clock at the bottom - you should shorten the hour hand to avoid ambiguous times. This video explains the issue well

BTW: I'm not suggesting you scrap what you have done. Instead I'm hoping I have inspired you to think about how you can make your current design easier to use.

Thread Thread
 
lynnecodes profile image
Lynne

I really do appreciate your feedback and will be taking a look at all of the resources you gave me. I really want to become a good designer and developer. This really made me see things that I overlooked. Thank you!

Thread Thread
 
devworkssimone profile image
DevWorksSimone

Agree with him, some may understand last part is not there just for the design but can be' clickable bit its not immediate. What tools you use for artwork ? Very cool overall

Thread Thread
 
lynnecodes profile image
Lynne

Yes, I totally understand the confusion of clickable items and I’m trying to find ideas on how to make that more immediate. Thanks for taking the time to take a look at it! ☺️

I used Figma to create some of the images. But created most elements using just CSS.

Collapse
 
madza profile image
Madza

Looks pretty lit 🔥🔥
Also, bonus points for creativity 💯😄

Collapse
 
rahil1304 profile image
Rahil Sarvaiya

Hey amazing work. It's very creative and artsy. Good use of colours as well. They blend really well. Just a small suggestion, when you click the "view all blogs" pencil button, there's no back button to take me back to the home page. So maybe you could just add that.
Other than this small thing, it looks pretty good 👍🏻

Collapse
 
lynnecodes profile image
Lynne

Oh yeah! I do have lynne.codes at the top to link back. But adding a separate link “back” is a great idea! I will add that! Thanks for your suggestion. 👍🏼

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Congrats on launching your portfolio website! 🎉

I like the illustrations you chose, keep it up!

Collapse
 
igor_brussolo profile image
Igor Brussolo 🕷️🏳️‍🌈

Congrats, it is very beautiful and fun to interact.✨
I was going to say that on mobile the text is quite small but I already saw that they gave this feedback. 🤳
Thank you very much for sharing, it is very inspiring, I hope to be able to finish my portfolio soon. 🤞

Collapse
 
lynnecodes profile image
Lynne

I didn’t realize how small the text became on mobile devices. I really appreciate the willingness to help and point that out! Thanks!

Collapse
 
redhedded1 profile image
Larry A. Ball

Nice work. I'm an ex-pharmacist (STLCOP 1994) who started working as a programmer in 1999, web dev in 2007.

Collapse
 
lynnecodes profile image
Lynne

That’s awesome! Did you ever have a hard time with your transition? Or did you switch over with no regrets?

Collapse
 
redhedded1 profile image
Larry A. Ball

At first I was working on an IBM mainframe and it was very challenging, but at least the COBOL syntax is easy. It took a while to understand SQL, as there were not the online resources there are now, but I used some books. Then I started in on web about the time of CSS being used almost all the time and jQuery came out. So web was challenging, and still can be. It was worth it as I enjoy it 99% of the time! Good luck to you, looks like you have a good start!

Collapse
 
thinkc profile image
Tunde Oyewo

Very nice. Well done!

Collapse
 
devworkssimone profile image
DevWorksSimone

I would also try to add the "sketches" fading in while you scroll down. I dunno how to do all the stuff you did I am just providing suggestion from a user prospective😊

Collapse
 
lynnecodes profile image
Lynne

I appreciate your suggestion. I'll look into it! Thanks!

Collapse
 
winstonpuckett profile image
Winston Puckett

Excellent!

Collapse
 
raubaca profile image
Raul Barrera

Nice work!