- Categories: Visual identity - Web - Project management
- Activity area: 3D Portfolio
- Role: web developer and graphic designer
- Context: side project
- Credit: Webdesign: Javascript Mastery / photos from the creations section: Freepik
- Date: 2023
- Technologies and software: ADOBE PHOTOSHOP - ILLUSTRATOR - HTML - CSS - TAILWIND CSS - JAVASCRIPT - REACT JS - THREE.JS - REACT THREE FIBER - FRAMER MOTION - GIT - GITHUB
About "PORTFOLIO 3D"
Portfolio 3D, is a personal project and Hugo Dalitan is therefore a fictitious character. In this portfolio, 3D is highlighted and allows visitors to interact with the application.
The challenge
The objective is to offer an attractive, modern and professional portfolio model, which values experience and skills, among recruiters, clients and potential partners.
Technical challenges
Animations
Integration of advanced animations (3D animation, Loader, sliders, call-to-action buttons, vector animations, buttons, hover animation, etc.)
Redirect
The objective is to be able to add all the necessary links for each project presented (Github, website, etc.).
Layout
Creation and integration of layout sections.
The solution
Create a one-page portfolio site, where visitors can discover the candidate's world and experience.
Work carried out:
- Logo design.
- Creation of a persona (Hugo Dalitan).
- Content design (text and visuals) and photo selection.
- Photo editing and photomontage.
- Development of the responsive website, 3D functionalities and animations.
- Testing, website deployment and maintenance.
Colors
I created a color palette based on purple, white and black, to create a futuristic and modern style.
Loyalty, creativity
and peace
Wisdom
and purity
Elegance, rigor,
seriousness and refinement
Fonts
For the website, I chose the Poppins font, for titles and body text.
Poppins is a timeless, simple, modern and classic font, which inspires sympathy, with its rounded letters, while giving a serious tone.
Logo design
Website development
I designed a user-oriented 3D one page website, offering fluid and intuitive navigation.
Desktop
