Abrazo Cultural
UI Design
Overview:
As a part of my internship, I helped a non-profit organization to re-design and build its website.
Role: UI Designer
Tools: Photoshop, Figma, InVision and WordPress
Design Process
1-. Summary
2-. Wireframes
3-. Style Guide
4-. Development
1-. Summary
• Abrazo Cultural is a non-profit organization based in Barcelona, Spain that provides languages and cultural courses for Spanish people and people from around the world.
• When I started the internship with the organization, there was a need to redesign its website in order to increase its visibility online.
• After several meetings online with the CEO, and learning about the organization and its target audience, I came to the conclusion that the new website needed a modern look and user friendly across different screen sizes.
Website before
2-. Wireframes
When I began to redesign the website, at first I created the wireframes in order to know what I was going to build in WordPress.
I created all the wireframes in Figma, and afterwards used InVision to see their functionality.
3-. Style Guide
Done in InVision
4-. Development
