Creating my online portfolio has become an opportunity to express my personality, professional ambitions, and cultural identity. The main goal was to create a visually cohesive and strategically thought-out website that would reflect my personal brand and could interest potential employers or creative partners.
Before starting to design, I conducted extensive research: I studied the portfolio websites of other specialists, analyzed modern visual trends, infographics, UX solutions, popular animations and ways of presenting content. Initially, I wanted to make the site lively and dynamic. I have compiled a selection of links to websites that inspired me and helped define the visual direction of my project.
One of the key sources of inspiration was the Kazakh ornaments in my photo for the website, their color palette is shades of yellow and pink. I used these colors as accent elements on the site, emphasizing important details.
Since color adds emotional coloring and affects the perception of information, for example, the delicate pink color used on the site under the code #F6A6FF causes a feeling of comfort and tranquility. At the same time, in Chinese culture, this color indicates a bold manifestation of oneself in this world.
As for the light yellow color #F1CF9C, in psychology, this color speaks of calmness, ease in relationships with people, and intelligence. In culture, yellow can be associated with warmth, prosperity, hope and optimism.
The background color of the blocks is made in black and white. This combination has always been used to denote unity, forming complete harmony. Black symbolizes control, fortitude, and the ability to overcome difficulties. White – symbolizes enlightenment, inner peace and clarity of mind.
The structure of my website consists of four main sections:
1. About me
2. University Work Portfolio
3. Let's Work Together
4. Resume (CV)
I made a conscious decision to place the navigation vertically, to the left of the screen. This is not typical but visually interesting solution allows the site to stand out and make it memorable and unique.
I started my work by creating content for the About Me section. My personal photo is posted here against the background of Kazakh ornaments, the ones that inspired the choice of the website's color scheme. In the text part, I talked about my personal qualities, values and views that determine my attitude to work and the creative process.
Next, I moved on to creating a Portfolio of academic papers, in which I identified four areas::
• Branding & Design
• Logos & Identity
• Advertising Campaigns
• Design & Creativity
Each subsection contains specific work carried out within the framework of university projects, with brief descriptions of the concept and objectives.
I originally conceived the Let's Work Together section as a call to action. I wanted this block not only to inform about my services, but to invite me to work together. Initially, I considered the name Let's Do Something Together, but then I settled on a more professional and clear version — Let's Work Together. In this part, I briefly described the stages of working on projects and listed the services that I can offer. I also added an interactive element. When you hover the cursor over the images, it shows exactly which tasks are being performed at each stage of the work.
The final section was the CV, which contains my application form with the ability to download the full version of my resume. This makes the site convenient for potential employers and allows them to quickly access key information.
In general, when creating the website, I sought a balance between professionalism, visual appeal and personal style. My online portfolio is a reflection of my experience, aesthetic outlook and willingness for new professional experiences.
I have developed my website on the Tilda platform, which offers convenient tools for creating web resources. Working with this website builder is very exciting, and all the functions and tools are intuitive, which makes it easy to implement your ideas. My website is a landing page – a single-page website with the placement of individual page elements, menu, cover, gallery, form, text. I took Zero Block as a basis, in which I encountered some difficulties in terms of setting up animations, layering, and fitting text in a single style. Zero Block is the creation of unique blocks from scratch to implement non–standard tasks. This is an editor with complete freedom to customize the elements. The design is set up through the panel, where colors, fonts, margins and animations change, as well as formatting and uploading media files. Also, an anchor link was prescribed for each section, with their help, the content is easily divided into logical blocks, clicking on which a person will immediately go to the necessary information. My website is adapted for mobile devices, but for the perfect display, additional settings were required, such as scaling, adjusting the size of elements, rebuilding blocks, adapting the navigation menu, changing the font size, which also took time to study and test on real smartphones.
Thanks to this designer, I learned how to create a website from scratch, using various animations, choosing a color palette with the study of color philosophy, as well as a very important component - writing understandable and interesting text for the guests of my site.
ReferencesEygerardo, n.d. Eygerardo. Available at:
https://www.eygerardo.com [Accessed 1 April 2025]
Nwabueze, O., n.d. Onyekachi Nwabueze Portfolio. Available at:
https://www.onyekachi-mn.com [Accessed 1 April 2025]
Ngan, I., n.d. Isabel Ngan. Available at:
https://www.isabelngan.com [Accessed 1 April 2025]
Vicentina, C., n.d. Cydney Vicentina. Available at:
https://www.cydneyvicentina.com [Accessed 1 April 2025]
Tilda Publishing, 2022. How To Create Websites On Tilda. Getting Started. Available at:
https://www.youtube.com/watch?v=M8GaXO8rO1s [Accessed 1 April 2025]
Tilda, n.d. How Tilda Works. Available at:
https://help.tilda.cc/getstarted [Accessed 1 April 2025]
Tilda Publishing, n.d. Tilda Video Tutorials. Available at:
https://www.youtube.com/playlist?list=PLWj7z0vo5SJWDYF17n6qsa5Tzd7HdoKhc [Accessed 1 April 2025]
Obukhov, N., n.d. How To Make a Website. Step-by-Step Guide. Tilda Education. Available at:
https://tilda.education/en/how-to-build-website [Accessed 1 April 2025]