My Projects
Property Value Calculator
VisitProperty Value Calculator is an iOS app with user-centric design that offers a unique approach to property valuation. Rooted in the MVC architecture and utilising UIKit alongside Storyboards, the app offers a sleek and intuitive interface for a prime user experience.
Motivated by a desire to simplify property valuation, I created Property Value Calculator to address the need for a user-friendly and efficient tool. The app operates by utilising a singleton data model, ensuring efficient data handling and seamless integration with various calculation algorithms.
The application operates efficiently offline, preserving user data locally through UserDefaults.
Deliberate selections were made for the colour scheme and fonts to imbue the app with a professional aesthetic, striking a balance between sophistication and vibrancy.
First published: September 2022
DrawBuddies
VisitDrawBuddies is an iPad drawing app for children that blends creativity and technical finesse. Built on MVC architecture with a Programmatic UI using UIKit, the app employs a singleton data model for centralised image and user data management.
My inspiration behind this app was to create an app that would teach children to draw step by step. I craft each drawing guide and import it directly into the app as an svg file (meaning the app doesn’t require an internet connection to run). The use of the Pencil Kit ensures that images can be coloured in as well, allowing for a better user experience.
The app's colour palette was intentionally curated with vibrant and cheerful hues to captivate the interest of children. Both the colour scheme and special images in the first section undergo seasonal updates for a fresh and engaging experience.
First published: April 2023
BlaNZ Marketing & PR (CSS, HTML, JavaScript, Wordpress)
VisitRafaela from BlaNZ Marketing & PR contacted me to assist with redesigning and modernizing the blanz.es website. Originally built on Drupal 7, the site needed migration to either Drupal 10 or another CMS. After careful evaluation, I proposed a slight restructuring and the creation of a hand-coded main website with a WordPress subpage for a user-friendly and easy to use platform.
The project revitalized the landing page and subpages with lively CSS animations, enhancing the site's visual appeal. To elevate the user experience, a form with JavaScript and PHP validation was added, along with Google reCAPTCHA v3 for robust security and a seamless interaction.
The WordPress CMS was utilized to craft a dynamic subpage that presents multilingual content, including news articles and success stories. Thoughtful categorization enables intuitive navigation, making it easy for visitors to explore different topics and gain insights.
Website re-launch: April 2024
SummerTravels
VisitSummerTravels is a progressive web application crafted to facilitate seamless travel planning. Engineered with a combination of PHP, CSS (with custom animations), and JavaScript, this project offers an new approach to discovering travel destinations. Integrated with OpenWeatherMap API and Firebase Realtime Database, SummerTravels aims to provide a user-friendly experience for travelers of all interests.
My inspiration for this project was to create a new possibility of exploration with an intuitive search feature, allowing you to customize your travel preferences based on temperature and destination type. Diving deeper into each destination you'll find comprehensive information including real-time weather updates, flight details, safety adviseries, average internet speed, population statistics, and top activities.
The creationg of this project kicked off with a comprehensive planning and research phase. After establishing the design guides a high-fidelity mockup was created in Figma to aid in building the web app. To find out more about this process check out the project presentation.
First published: March 2024
StreamVista
VisitStreamVista is a fictitious video streaming service, born from a project created collaboratively between a fellow student and myself during the web development course at CIFO. This comprehensive website showcases a thoughtful integration of different elements, including a youtube video with autoplay on mute and a user-friendly form. The project is based on CSS3, HTML5. and JavaScript
We decided to stick to a palette of back and red to convey an exciting and action-filled athmosphere, ensuring adherence to accessibility standards. All images featured in the project are sourced from freely available platforms such as svgrepo and Unsplash, with credits listed in readme.md.
First published: January 2024
Random Password Generator
VisitDesigned with HTML, CSS, and JavaScript, the Random Password Generator is a web tool that employs a Flex layout for an intuitive user interface. This web app was developed as part of the Solo Projects in the Frontend course provided by Scrimba.
The user can select a length of up to 30 characters for their desired password. The passwords are generated by iterating on each character place using a FOR loop until the desired length is reached. For each character place a random number is generated first which will correspond to a character in the characters array, creating diverse and secure passwords.
The layout is designed with flexibility in mind, thanks to the use of Flexbox (CSS Flex). Plus, to enhance user convenience, generated passwords can be easily copied to the clipboard with the help of navigator.clipboard.writeText.
Creation date: August 2023
Psicoline
VisitPsicoline is a UI/UX project crafted during the 2023 course at CIFO - La Violeta. Developed on Figma and guided by a designated topic, Psicoline began with a comprehensive market study. This analysis delved into the strengths and weaknesses of competitors, laying the foundation for an informed and strategic approach to user interface and experience design.
In addition to conducting competitor analysis, I administered various questionnaires tailored to the identified target user group, building upon the user persona and user journey established early in the project. Following meticulous deliberation, key branding decisions were finalised, and a comprehensive flowchart was conscientiously crafted. Beyond the development of wireframes and the prototype, the creation of the information architecture was also part of the project. For further details, click here.
The interactive prototype vividly illustrates the app's real-life functionality. Throughout the design phase, I carefully adhered to accessibility standards, providing an extra layer of accessibility with a simple tap on the eye icon. This project is in Spanish.
Creation date: July 2023