UX UI – Melise Flores – Portfolio https://meliseflores.com Hey there! Check out about me and my latest work. Tue, 09 Jul 2024 13:49:35 +0000 en-GB hourly 1 https://wordpress.org/?v=6.7.1 https://meliseflores.com/wp-content/uploads/2022/05/cropped-cropped-thumbnail-32x32.png UX UI – Melise Flores – Portfolio https://meliseflores.com 32 32 Hogarth Worldwide https://meliseflores.com/portfolio-item/hogarth-worldwide-case-study/ https://meliseflores.com/portfolio-item/hogarth-worldwide-case-study/#respond Tue, 26 Jul 2022 10:47:36 +0000 https://www.meliseflores.com/?post_type=portfolio-item&p=3109

Custom and component-based site for Hogarth

HOGARTH.COM

Hogarth Worldwide, part of the WPP group, is the largest creative content production specialist globally. It creates and distributes content across various channels for companies like Coca-Cola, Nestlé, Instagram, and Galderma.

Tools

Pen & paper (always my starting point!), MIRO for remote workshops, Sketch App for UX UI, InVision for prototypes, Zeplin for development handoff.

 

Credits & Mentions

Account, Project Management, SEO Specialist, Creative Director, Art direction, UX UI Design, Development (Front-End, Back-End), Copywriter, Content Management, Quality Assurance (QA), Business Analysis (BA); Project / Stakeholders: Hogarth Worldwide UK; Execution: Hogarth Brazil; Rebranding: Landor | Brand consulting and design

]]> https://meliseflores.com/portfolio-item/hogarth-worldwide-case-study/feed/ 0 Protected: Apple https://meliseflores.com/portfolio-item/apple/ https://meliseflores.com/portfolio-item/apple/#respond Mon, 23 May 2022 14:38:41 +0000 http://julianoferrari.com.br/sites/melflores/?post_type=portfolio-item&p=2216

This content is password protected. To view it please enter your password below:

]]> https://meliseflores.com/portfolio-item/apple/feed/ 0 Why https://meliseflores.com/portfolio-item/why-branding-website/ https://meliseflores.com/portfolio-item/why-branding-website/#respond Wed, 23 Mar 2022 17:11:40 +0000 https://julianoferrari.com.br/sites/melflores/?post_type=portfolio-item&p=1688

Minimalistic site for brand strategy studio

WHY.COM.BR

Why is a branding studio based in Brazil that helps brands find their own voice and trace a strategy for communication.

Context & Goals

After getting a fresh new brand work done to a more fresh and colorful look, the strategy studio needed to unfold all this new identity to a fresh look, eye-catching, responsive and easy to update website.

Design Process

I like to use the Design Thinking approach to lead the projects; In my experience, this metodology produces great results, greater pace, and fluidity for the project.

Kick Off

A great project always starts with a great “offline” workshop and brainstorm. With the right questions we can reach the right answers and the strategy and paths to follow became to gain some kind of shape. On the first workshop, we were able to define the desired aesthetics & look and feel, copy, main references & goals for UX / UI.

Wireflow

With the ideas clear, we organize the storytelling, flow and main structure. I want to make sure the main architecture of the website is correct, and every page it’s placed so the site can be launched and grow over time.

Wireframes

& first prototypes

After receiving and categorising the copy, I started to make some sketches to study hierarchy, weights and overall structure of the pages – both mobile and desktop versions. The best ideas were shared and approved with stakeholders and made possible moving forward to the UI phase.

low fidelity wireframes and first sketches

high fidelity wireframe and prototype

UI Elements

The basic elements for this phase were already provided by the brand guide, so the effort was to organize it by relevance, shades, and of course creating the design system around it – button styles, heading tags, icons, etc. This great and organized library makes the creative part seamless and save time for further site expansions.

HIGHLIGHTED TEXT
BODY TEXT

Mobile & Desktop Screens

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Credits & Mentions

Stakeholder: Why Branding

Logo design & visual identity: Gabriel Fagundes

]]> https://meliseflores.com/portfolio-item/why-branding-website/feed/ 0 Protected: SportsAid https://meliseflores.com/portfolio-item/sportsaid/ https://meliseflores.com/portfolio-item/sportsaid/#respond Thu, 28 Jan 2021 12:36:00 +0000 https://www.meliseflores.com/?post_type=portfolio-item&p=3165

This content is password protected. To view it please enter your password below:

]]> https://meliseflores.com/portfolio-item/sportsaid/feed/ 0