About Zuna
Zuna is an HRTech company that was born to modernize and democratize the internship market by simplifying the way students embark on their journey into the current job market.
The company's DNA carries a track record of over 1 million students in internships through the efforts of its founders and advisors over the past two decades.
Zuna is a company that directly contributes to the United Nations' Sustainable Development Goals (SDGs) in Brazil across six categories and has significant numbers of social impact.
Let's get started
Before to jump in the design step, it's importante to organize the whole project. I always create a sitemap to each project I'm gonna work, this map help us to see the entire structure and align with the client's team before we get started.
![](https://cdn.prod.website-files.com/62eb13933f1a9f4ea1bf7be7/660cae86f332344c573c7cbe_flowmap.webp)
How we get started
Zuna had recently gone through a rebranding process and approached us to create the new website based on its new look and positioning.
So, we used as a basis for the entire project the colors and typography that were stipulated in their brand guide, in order to maintain consistency across the identity of the new Zuna Estágios brand.
![](https://cdn.prod.website-files.com/62eb13933f1a9f4ea1bf7be7/660caed8d34e817410ab4fcd_zuna-type-and-colors.webp)
Consistency in everything
We previously talked about brand consistency, but when we move on to the website creation stage, it is important to maintain consistency and a good structure for all screen sizes.
To help us with this, we used a grid of 12 columns for larger screens and 4 columns for smaller screens, so our project maintained cohesion in the alignment, hierarchy and arrangement of elements on all pages.
![](https://cdn.prod.website-files.com/62eb13933f1a9f4ea1bf7be7/660caf6c9abcd82d605f1baf_zuna-behance-screen.webp)
![](https://cdn.prod.website-files.com/62eb13933f1a9f4ea1bf7be7/660caf1cc3373ca6ccb31bd2_Zuna---Wireframe-to-Design.gif)
![](https://cdn.prod.website-files.com/62eb13933f1a9f4ea1bf7be7/660caf33eea83cc14cedcbd9_Frame-102.gif)