UI/UX: How did I get started 
Tags: ux, webdev, beginners, weeklyui
Published: 2021-04-13 11:17:39

In this blog I'll share my 1-year of learning journey as UI/UX designer and what steps did I follow and where I went wrong.

### Who am I?
I'm [Tushar Jain](http://tusharjain.netlify.app/), a Full Stack Web Developer⌨, and a UI/UX designer🎨, currently pursuing my BTech course in Computer Science and Engineering from the [Indian Institute of Information Technology, Ranchi](http://iiitranchi.ac.in/). I've been into web development for a year. Besides this, I also do Competitive Coding and that too from the last year.

### Background
Wireframing and UI and UX designing is the first step towards any web/app project but many beginners skip this step and start coding their project without having any basic wireframe in the first place which in return results in degraded productivity and delivery time of the project.

### My Journey as a UI/UX Designer 
It's been a year since I started with designing stuff and what I feel is that this is an emerging field in the industry. I started my journey with Figma and first of all, I practiced designing only landing pages for a month. In September last year, I got an opportunity to participate in a Wireframing contest in my institute and luckily I managed to win that contest which boosted my confidence.My submission for that contest - [link](https://drive.google.com/file/d/1NFBP54djfy9pKvp9sRpWyf4qQZVfd6RI/view?usp=sharing)

I also tried my hands in Logo Designing and these are few designs that were accepted in some projects :
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/301hvk2syiqb5p1qflha.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m57eoap4wt787nteof6i.png)


### Things which I learn
- UI and UX are two different things.
- All you need is good common sense to start UX designing and good taste in color selection and color contrasts to start UI designing.
- Practice more and always showcase your work and take feedback from others.
- Try not to forget about corner cases: 404 page, Loading Design.
- Keep designs minimalistic but meaningful at the same time based on the client's requirement.
- Keep yourself updated with designs trending in the market
- Making a profile on Behance or Dribble is important
- Keep Frame/Group/Shape names meaningful in Figma 


### My Projects 
These are some of my projects which are designed by me :rocket:
- [My Portfolio Website](http://tusharjain.netlify.app/)
- [GeekNote](http://geeknote.netlify.app/) - A place for all your learning
- [House Of Geeks Webapp](https://drive.google.com/file/d/1NFBP54djfy9pKvp9sRpWyf4qQZVfd6RI/view?usp=sharing) 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5tdc6ns8c3ihc0ofw7ev.png)


### Resources which I use 
- Software : [Figma](https://www.figma.com/)
- Learning : [Figma Official Documentation](https://help.figma.com/hc/en-us)
- Course : [Complete Web & Mobile Designer in 2021: UI/UX, Figma](https://www.udemy.com/course/complete-web-designer-mobile-designer-zero-to-mastery/)
- Fonts : 
  - I - (Poppins, Montserrat, Raleway, Manrope)
  - II - (Sora, Crimson Pro, Inter )
- Icons : 
    - Remix Icons 2.5.0 [https://www.figma.com/community/file ...](https://www.figma.com/community/file/823741367740619474)
    - Zest Social [https://www.figma.com/community/file ...](https://www.figma.com/community/file/823741367740619474)
    - Zest Free [https://www.figma.com/community/file ...](https://www.figma.com/community/file/828310985546465183)

- People whom I follow :
   - [Jan Mraz](https://www.instagram.com/janm_ux/)
   - [ux.base](https://www.instagram.com/ux.base/)
   - [wearepitchworx](https://www.instagram.com/wearepitchworx/)
   
- Color Palettes : [Color Hunt](https://colorhunt.co/) (Free and open platform for color inspiration)
- Free Illustrations: https://freeillustrations.xyz/
- 3300+ Free Vector icons : [Unicons by Iconscout](https://iconscout.com/unicons)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9yoz0o88knkul4m402sq.png)

### Connect with me 
- [Linkedin](https://www.linkedin.com/in/tusharjain0022/) 
- [GitHub](https://github.com/tusharjain0022)

#### Similar Blogs
- [How I get started with Web Development](https://dev.to/tusharjain0022/how-i-started-my-web-development-journey-2b8d)