Showcase
About
As a designer and developer, I understand the perfect user interface should look good and work even better
I am Surrey & London based Digital / UI Designer & Developer with over ten years of experience in the Digital Design Industry, I love to create engaging user interfaces. I have worked for global creative agencies including Ogilvy & Wunderman. I have worked in various sectors of Industry from Blackrock, Financial Sector to John Lewis, E-commerce and consider myself to have a very versatile set of skills with an easily adaptable attitude.
My day to day job involves creating userflow’s, wireframing, prototyping to high fidelity visuals, being a Hybrid designer with a vast knowledge of development from Responsive Email Development, Bootstrap, HTML5, CSS3, Sass, Json, Handlebars.Js to currently learning React.js.
I work with varied size clients from small startups to large brands. With Experience within Agile Design & Development methodologies, I put these practices into my daily routine and keeping up to date with the industry’s leading design & prototyping tools.
Services
UI
Motion Design
Email Design & Development
Illustration
3D
Social
Process
1. Discovery
It starts with the Discovery phase by creating user personas, journey maps, understanding a user’s pain points and competitor market research. As this will be a fundamental foundation for a successful solution.
2. User Flows
By creating user-flows, we illustrate the path a user follows through your website/app interface to complete single or multiple tasks, is a great way to map the products journey and interaction features.
3. Wireframing
Low & mid fidelity wireframes created as part of an initial skeletal framework of the site/app which will be used to visualise components, layout & hierarchy to perform a specific purpose and focus on functionality and validation of approaches.
4. Visual Design
We start High fidelity visuals by creating a visual language, Introducing detailed design specs like typography, colours, theme, styles, guidelines & Icons. A pattern library is created using an atomic design approach with, functionality, scalability & accessibility in mind.
5. Prototyping
With a visual at hand, the prototyping process takes it one step further. It will allow me to show the stakeholder’s an interactive product journey and communicate the design with more clarity. These prototypes are also used in the user testing lab.
6. User Testing
Sitting in user test sessions is a great way to understand how users are interacting with the proposed design allowing for a better judgment of the required iterations design improvements in the iteration phase.
7. Design Iteration
When visuals have been tested in lab feedback is provided on the bases of the results these are then implemented into the visuals and tested further to measure if its adaption was successful this is a refinement process until the results are improved & confirmed.
8. Build & Release
On confirmation of successful design validation. The build is initiated using code UI partial libraries with both front-end and back-end developers working in situ to ensure that logic is working correctly when the code is committed when using Handlebars.js. This then gets through QA & end to end testing before placed on our weekly release.
9. Measure & Learn
The MVP or features are then measured using split tests, analytics, client feedback. The Leanings allow us to analyse the user behaviours and will influence design decisions for better user experience.
Testimonials
Joao was an amazing asset to the Blackrock team in the digital realm. Joao was always quick to pinpoint solutions to problems we faced, and always looked to innovate within the company by taking advantage of the latest trends in digital. On top of that, Joao is a great UI designer who has a knack for aesthetics, as well as a keen eye for UX design patterns.
Joao is a talented designer who has a eye for detail and is always up for a creative challenge. He has the ability to turn messy doodles or vague descriptions into beautifully designed works of art.
One thing I massively appreciate in a person is when they take time to share knowledge and expertise – this is something Joao always does. He is never too busy to guide his colleagues and share his quick tips and tricks!
Joao brings a new dynamic to digital design. At BlackRock his skills and expertise influenced multiple campaigns. Much of the digital communication material produced by BlackRock is modular based, limiting appearance, structure and navigation – as a result emails often appear dated and uninspired. Joao set about understanding these tool, he wrote new code and considerably improved the UX across a very restrictive set of platforms. The enhancements to our event emails meant they became visually more engaging, promoting the event theme earlier in the user journey, but more importantly they were more effective, reflected in the increased open/click-through rates.
The power of simplifying the complex is immensely important in today’s digital world. It is our ongoing responsibility as designers to educate, nothing is more effective at doing this than relatable storytelling. Presentations are often the ‘shop window’ to any company, and Joao’s skills in the Adobe Animate software meant he was able to collaborate and bring to life engaging scripts – his speed and clean style meant his solutions to a storyboard were enthusiastically received and promoted within the wider business.
I previously worked with Joao during my time at Fourfront Group, and found him to be an absolute pleasure to work with. He worked diligently to understand our design brief and more importantly what our overall goal was. Not only did he approach our brief with the creativity it required; but he also was able to advise on the technical parameters of items such as email templates and in effect challenge the brief to deliver a better outcome. I would not hesitate to recommend Joao as he was great asset to the work we did together.
Joao helped me with the design of the RestRelax.com website. At the initial meeting I presented some UX and Wireframe designs along with brand guidelines. Joao took the wireframes and presented both desktop and mobile versions of the website design.
From the initial consultation it was clear that Joao was a fantastic designer, with a keen eye for symmetry, great design with a sharp attention to detail.
I will use Joao again on future projects and can recommend his services for anyone looking for digital and print design
