Responsive design
Created multiple responsive websites
About the project
Some of the companies I've created a responsive design for are: Institute on Statelessness and Inclusion (ISI), and Plasma Matters BV. ISI is the first and the only human rights NGO dedicated to working on statelessness at the global level. Plasma Matters develops a plasma simulation software called PLASIMO.
The problem
Both websites didn't clearly communicate who they were and what kind of work they did. The websites weren't mobile friendly and they had a lot of content, but not a good way of displaying it on the website.
Mission
Create a responsive website which is clear on the mission and what the company does.
My role
- Setting up requirements
- Wireframes
- Visual design
- Build the website (for Plasma Matters)
Visual design - ISI
ISI wanted a modern design and had fonts they wanted to use. Those were the only requirements regarding the design.
I wanted to have a nice headline which would clearly communicate that a stateless person is somebody without a nationality, to make it more clear what statelessness is.
The ‘donate’ button immediately communicates that they are an organization working with grants.
Visual design - Plasma Matters
Plasma Matters wanted a professional website and had a structure for the main menu ready.
The top part should immediately communicate what PLASIMO is and that you have to request access to use it.
Result
They were very happy with the result. The conference ISI held was a success and they can now easily update the website because of the templates and the CMS. Plasma Matters can't wait to show their website at conferences and clients to make their service more clear.
What I've learned
- Setting up requirements.
- Creating responsive design.
- Creating logo design.