Hey there! We're Mohamed Shaik Mahsook and Ramya, and we're excited to share our MyFuse UI/UX design with you.
We used Figma to create our design, which you can check out here.
- Primary Color: #6c63ff
- Secondary Color: #3f3d56
- Accent Color: #2f2e41, #fffffd
- Typography: We utilized the Poppins font family for a modern and clean look.
We implemented our design using React JS and Tailwind CSS. Here's a glimpse of the project structure:
.
├── assets
│ ├── svg
│ │ ├── Apply.svg
│ │ ├── blog.svg
│ │ ├── explore.svg
│ │ ├── find.svg
│ │ ├── get.svg
│ │ ├── Search.svg
│ │ ├── stats.svg
│ │ └── COMPANYSPOTLIGHT.svg
│ ├── OrganizeResume.svg
│ └── Resume.svg
├── public
│ └── index.html
├── src
│ ├── App.css
│ ├── App.js
│ ├── App.test.js
│ ├── components
│ │ ├── About.js
│ │ ├── Assessments.js
│ │ ├── Banner.js
│ │ ├── Blog.js
│ │ ├── CompanySpotlight.js
│ │ ├── Competitions.js
│ │ ├── Contact.js
│ │ ├── Emphasize.js
│ │ ├── Features.js
│ │ ├── Footer.js
│ │ ├── Goals.js
│ │ ├── Hero.js
│ │ ├── Home.js
│ │ ├── HowWorks.js
│ │ ├── JobFuse.js
│ │ ├── NavBar.js
│ │ ├── NewsLetters.js
│ │ ├── Partners.js
│ │ ├── RecentJob.js
│ │ ├── ResumeCheck.js
│ │ ├── ResumeCreate.js
│ │ ├── Stats.js
│ │ ├── Team.js
│ │ ├── TestimonialSlider.js
│ │ └── TopCat.js
├── package.json
├── package-lock.json
└── tailwind.config.js
Our components are organized based on different sections of the website for easy maintenance and scalability.
Our redesign focuses on enhancing user experience and engagement while aligning with MyFuse's vision. You can explore the live website here.
Thank you for considering our design for the MyFuse competition. We're eagerly looking forward to the results!
If you have any questions or feedback, feel free to reach out. We're here to help!
This documentation was prepared by Mohamed Shaik Mahsook and Ramya.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent