NATALY ANGULO
SKILLS
PORTFOLIO
Digital/ Multimedia Work
WEB DEVELOPMENT
NIRVANA COSMETICS
Does the lack of Accessibility design in web development impact businesses negatively?
As part of my university dissertation, I worked on a project that responded to that question and provided an example of an accessible E-commerce website.
This project works with MongoDB, jQuery, Paypal API and Sass. A variety of tools were used in order to measure it's accessibility, most of which are online audits of the site of which passed at a 95% rate. Mobile Friendly.
The website is currently under some rework, if you would like to see it please contact me.
Update: Rewarded a first, as marked by SAE London
[Certified by Middlesex University].
View Github Read Dissertation
HOTEL RESTO
In this project I worked in a team to build a booking system for a hotel. I was tasked with setting up the database and connecting it with Alan AI, which can be seen functioning once the 'admin'logs in. I believed combining the AI with the database would streamline the booking process. The purpose for this was to make an easier experience for management that are regulary overwhelmed with the amount of cancelling, adding and editing of bookngs. Working with MongoDB and Alan AI allowed me to develop my backend skills while also experimenting with new web technologies.
This project works with MongoDB Realm and Alan AI. The crud operations do not work with the Alan AI but try it out. The script flows well.
Disclaimer: this website is not mobile friendly
Please use these login details for the admin login
admin user: admin@mail.com
password: admin1
View Website View Github
RIFF RAFF STUDIOS
My first collaboration project with another web developer working Riff Raff Studios, an indie game company. Together we worked on promoting their new WebGL game, Kevin's Adventure.
Landing Page
I created a playful design to appeal to the young age demographic the game was aimed at. I used things such as the blue sky and clouds that would be remeniscent of toy story to attract and retain the users.
Bubble Animation
The animation was created to bring a sense of playfulness and make the site interactive. What's more playful than bubbles?
View Codepen View Website View GithubRIFF RAFF MARKETING
Marketing
As part of the project, my team and I marketed this game on behalf of the studio. We used a range of web and email analytics to gauge user interaction which we present our findings on, in our report.
View ReportWEB DESIGN
AGirlCoding Landing Page
The reason I created this piece is because I wanted to represent what is important to me, not only as a developer but also the wider parts of my personal life. I wanted to create a playful but also profesional feel, which is the reason to the colour scheme.
Noodle Animation
This animation was made for a resturant, the requirements were: it had to be relevant to the business. For this animation, I used SASS, mixins and variables in order to make my code readable.
View CodepenRiffRaff Landing Page
This was my first try at creating a landing page using illustrator. I tied into the themes of the games, including important landmarks as it would help tie the website and the game together.
View WebsiteFreelance Wireframe mockups
Creating wireframes is part of the development of a website. It is important to catch the clients vision and translate that into what will be the end product. Wireframes allows developers to see what the feel will be like, and allow for better judgement on colour aschemes, composition and copywriting. There is often many different mockups and wireframes are likely to change in the early stages.
GRAPHIC DESIGN
Posters /
Designs
Photography / Editing
Working on portrait photography and editing for a client. Additionally, learning how to work with lights and the effect it has on the editing stages and end product.
MEDIA WORK
Beauty Queen Project
I enjoy being creative and working on different media forms such as: film, photography and editing. Here is a project I created for my coursework that allowed me to explore these interests. The intent was to create content that could market an artist to an audience. In order to create this project I used my pre-existing photography and filming skills to create an article and music video for the artist Beauty Queen. This is where I put my photoshop and premier pro knowledge to use.
Read the articleUser Experience
WHISKS AND THINGS
A little about my UX experience...I wrote my first analysis as part of a University exam where I analysed Whisk and Things's website. I created detailed personnas that this website may have been targetting, as well as, what their first impression would have been. As we know, the attention span of users is limited when it comes to websites and they make a decision whether to stay on a website or not in 5 seconds,this is important to understand when testing a websites usability.
View Report Whisk and Things PageUX REPORT
I wrote my first UX report for Alex De Corte, analysing their website based on usability heuristics and what improvements I would make. These are the ux design recommendations made with Adobe XD, for their website. See the results: Pop-up design, Gallery, About
View Report Alex De Corte PageUX REPORT
I wrote my first UX report for Alex De Corte, analysing their website based on usability heuristics and what improvements I would make. These are the ux design recommendations made with Adobe XD, for their website. See the results: Pop-up design, Gallery, About
View Report Alex De Corte PagePEARSONS PEACHPIT
I did a UX review on one of Pearson's child companies. I chose Peachpit because as a student, geting books from reliable sources is important, especially when it comes to writing academic essays. This is why I selected Peachpit.
View Report View Website View ChangesARTICLES
Does the lack of Accessibility design in web development impact businesses negatively?
This paper was written as part of my dissertaion submission alongside the practical component. It goes into depth about the legal, financial and development aspect of accessibility in E-commerce.
Read this articleWill Neuralink broaden accessibility to technology for the disabled community?
This article required a lot of research on Neuralink and its impact on accessability and modern technology.
Read this articleThe Digitisation of all human knowledge
This article is about how humankind has evolved the way we preserve our history and how technology may impact and shape the course of culture.
Read this articleDo dreams reflect reality?
In this article, I analyse how technology may be useful in psychology, more specifically, theoretical psychology. Potentially becoming the source in which all ethical issues become eliminated.
Read this articleIf any of these articles interest you, tell me what you think via my email