Hello,

Explore, get to know me and my work!

Work

Home


> I believe understanding a problem is a massive step for solving it. 

<img src="/images/profile.jpg" class="imagem" ALIGN="right" hspace="100" vspace="auto"/> 

I am passionate about using creativity to find solutions for everyday problems. As a UX designer and researcher, I can use my organizing and fast learning skills to develop solutions for everyone.

<head>
      <title>RESUME</title>
      </head>
      <body>
      <p><a href="/cv_luana.pdf" class="button">RESUME</a></p>
      </body>

### Contact

<html>
  <head>
    <title>Contact</title>
  </head>
    <body>
    <a href="mailto:luanaarch.ux@gmail.com" class="button">SEND EMAIL</a></p>
  </body>
</html>






I'm Luana.


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet sit amet cursus sit amet dictum sit. Duis ut diam quam nulla porttitor massa id neque. Ut tortor pretium viverra suspendisse potenti nullam. Auctor elit sed vulputate mi sit amet mauris commodo. Dui ut ornare lectus sit amet est placerat. Et malesuada fames ac turpis. Nunc vel risus commodo viverra maecenas accumsan lacus vel. Varius morbi enim nunc faucibus a pellentesque. Erat imperdiet sed euismod nisi porta. Viverra maecenas accumsan lacus vel facilisis volutpat est velit egestas. Dui ut ornare lectus sit amet est placerat in. Vitae sapien pellentesque habitant morbi tristique senectus et netus et. Nullam vehicula ipsum a arcu cursus vitae congue mauris.

Aenean sed adipiscing diam donec. Id donec ultrices tincidunt arcu non sodales. Orci ac auctor augue mauris augue neque gravida in. Mattis enim ut tellus elementum sagittis vitae et leo duis. Tortor pretium viverra suspendisse potenti nullam. Malesuada proin libero nunc consequat. Commodo viverra maecenas accumsan lacus vel facilisis volutpat est velit. Mauris vitae ultricies leo integer malesuada nunc. Eget magna fermentum iaculis eu. Molestie at elementum eu facilisis. Dui faucibus in ornare quam viverra orci sagittis. Aliquam ultrices sagittis orci a scelerisque purus semper eget.

Tellus mauris a diam maecenas sed enim. Enim facilisis gravida neque convallis a cras. Sollicitudin nibh sit amet commodo nulla facilisi. Ultrices mi tempus imperdiet nulla malesuada pellentesque. Semper viverra nam libero justo laoreet sit. Vestibulum sed arcu non odio euismod lacinia at quis risus. Viverra ipsum nunc aliquet bibendum enim facilisis gravida neque convallis. Aliquam sem et tortor consequat id porta nibh venenatis cras. Et leo duis ut diam quam nulla porttitor massa id. Sagittis vitae et leo duis ut diam quam. Vitae aliquet nec ullamcorper sit amet. Egestas egestas fringilla phasellus faucibus. Elit pellentesque habitant morbi tristique senectus et netus et. Sagittis purus sit amet volutpat consequat mauris nunc. Commodo odio aenean sed adipiscing. Aliquet eget sit amet tellus cras adipiscing. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus. Justo eget magna fermentum iaculis eu non.

Mi quis hendrerit dolor magna. Vel facilisis volutpat est velit egestas dui id ornare arcu. Sed sed risus pretium quam vulputate. Quam viverra orci sagittis eu volutpat odio facilisis mauris. Enim eu turpis egestas pretium. Lorem ipsum dolor sit amet consectetur adipiscing elit duis. Turpis egestas pretium aenean pharetra magna ac. Enim diam vulputate ut pharetra sit amet aliquam id. Sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum. Amet nulla facilisi morbi tempus. Aliquet bibendum enim facilisis gravida neque convallis. Nulla pharetra diam sit amet. Vitae nunc sed velit dignissim sodales ut.


A interesting tale about function of design 

The function of design is letting design function


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum nisi quis eleifend quam adipiscing vitae proin. Fermentum dui faucibus in ornare quam viverra orci sagittis. Nunc mattis enim ut tellus elementum sagittis. Sed nisi lacus sed viverra tellus. Lectus arcu bibendum at varius vel. Lacus laoreet non curabitur gravida arcu. Ipsum dolor sit amet consectetur adipiscing elit ut aliquam purus. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Eget dolor morbi non arcu. Volutpat est velit egestas dui id ornare arcu. Orci porta non pulvinar neque laoreet suspendisse interdum. Odio euismod lacinia at quis risus. Iaculis nunc sed augue lacus viverra. Suspendisse in est ante in nibh mauris cursus. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Non odio euismod lacinia at quis risus sed vulputate. Semper viverra nam libero justo. Amet cursus sit amet dictum sit.

Diam sit amet nisl suscipit adipiscing bibendum est ultricies integer. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Mauris augue neque gravida in fermentum et. Tincidunt lobortis feugiat vivamus at augue. Iaculis urna id volutpat lacus laoreet. Risus feugiat in ante metus dictum at tempor commodo. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Enim eu turpis egestas pretium aenean pharetra magna. Urna cursus eget nunc scelerisque viverra mauris in aliquam. Vulputate dignissim suspendisse in est ante in nibh mauris cursus. A cras semper auctor neque vitae. Rhoncus dolor purus non enim praesent elementum facilisis. Nam aliquam sem et tortor consequat id porta nibh venenatis. Sollicitudin ac orci phasellus egestas tellus. Et magnis dis parturient montes nascetur ridiculus.

Tincidunt lobortis feugiat vivamus at augue eget arcu. Est lorem ipsum dolor sit amet consectetur adipiscing elit. Non nisi est sit amet facilisis magna etiam tempor. Et egestas quis ipsum suspendisse. Turpis egestas pretium aenean pharetra magna. Diam sollicitudin tempor id eu nisl nunc mi ipsum. Diam in arcu cursus euismod quis viverra nibh cras. Ornare lectus sit amet est placerat in egestas erat imperdiet. Adipiscing enim eu turpis egestas pretium. Sit amet est placerat in egestas. Euismod lacinia at quis risus sed vulputate odio. Quis commodo odio aenean sed adipiscing diam. Fermentum et sollicitudin ac orci phasellus. Eget aliquet nibh praesent tristique magna. Quisque sagittis purus sit amet volutpat consequat. Diam quis enim lobortis scelerisque fermentum dui. Leo urna molestie at elementum eu facilisis sed. Eget nulla facilisi etiam dignissim. Volutpat odio facilisis mauris sit amet.

What are some of the best designed video games


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac ut consequat semper viverra nam libero justo laoreet sit. Tincidunt id aliquet risus feugiat in ante. Non diam phasellus vestibulum lorem sed. Morbi quis commodo odio aenean. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat. Vel eros donec ac odio tempor orci dapibus ultrices. Facilisi morbi tempus iaculis urna id volutpat. Luctus accumsan tortor posuere ac. Sagittis orci a scelerisque purus semper eget. Ultricies mi quis hendrerit dolor magna eget est lorem ipsum. Dolor purus non enim praesent. Lorem sed risus ultricies tristique nulla aliquet enim tortor. Aliquam vestibulum morbi blandit cursus risus.

Scelerisque fermentum dui faucibus in ornare quam viverra orci. Libero justo laoreet sit amet cursus. Gravida rutrum quisque non tellus orci. Ut sem nulla pharetra diam sit amet nisl suscipit. Lorem ipsum dolor sit amet consectetur adipiscing elit. Urna porttitor rhoncus dolor purus. Quisque non tellus orci ac auctor augue mauris augue. Consectetur adipiscing elit duis tristique sollicitudin. Vitae semper quis lectus nulla at volutpat. Elementum pulvinar etiam non quam lacus suspendisse faucibus. Porta nibh venenatis cras sed felis eget velit. Ullamcorper malesuada proin libero nunc consequat interdum. Enim sed faucibus turpis in eu mi bibendum neque egestas. Facilisi morbi tempus iaculis urna. Rhoncus est pellentesque elit ullamcorper dignissim. Aenean et tortor at risus viverra adipiscing at in. Cursus euismod quis viverra nibh cras pulvinar mattis nunc sed. Sit amet aliquam id diam. Ut tristique et egestas quis ipsum suspendisse. Congue quisque egestas diam in arcu cursus.

Mattis enim ut tellus elementum sagittis. At volutpat diam ut venenatis tellus in metus vulputate eu. Habitant morbi tristique senectus et. Id aliquet lectus proin nibh nisl condimentum id venenatis. Nec tincidunt praesent semper feugiat nibh sed pulvinar. Lectus vestibulum mattis ullamcorper velit sed. Semper viverra nam libero justo. Purus sit amet luctus venenatis. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Feugiat nibh sed pulvinar proin gravida.


Apparently, green is my favorite color.

Green is my favorite color

News, tips and highlights

Blog


Vis accumsan feugiat adipiscing nisl amet adipiscing accumsan blandit accumsan sapien blandit ac amet faucibus aliquet placerat commodo. Interdum ante aliquet commodo accumsan vis phasellus adipiscing. Ornare a in lacinia. Vestibulum accumsan ac metus massa tempor. Accumsan in lacinia ornare massa amet. Ac interdum ac non praesent. Cubilia lacinia interdum massa faucibus blandit nullam. Accumsan phasellus nunc integer. Accumsan euismod nunc adipiscing lacinia erat ut sit. Arcu amet. Id massa aliquet arcu accumsan lorem amet accumsan.

![Modern white table](/images/10.jpg)

Amet nibh adipiscing adipiscing. Commodo ante vis placerat interdum massa massa primis. Tempus condimentum tempus non ac varius cubilia adipiscing placerat lorem turpis at. Aliquet lorem porttitor interdum. Amet lacus. Aliquam lobortis faucibus blandit ac phasellus. In amet magna non interdum volutpat porttitor metus a ante ac neque. Nisi turpis. Commodo col. Interdum adipiscing mollis ut aliquam id ante adipiscing commodo integer arcu amet Ac interdum ac non praesent. Cubilia lacinia interdum massa faucibus blandit nullam. Accumsan phasellus nunc integer. Accumsan euismod nunc adipiscing lacinia erat ut sit. Arcu amet. Id massa aliquet arcu accumsan lorem amet accumsan commodo odio cubilia ac eu interdum placerat placerat arcu commodo lobortis adipiscing semper ornare pellentesque.

Amet nibh adipiscing adipiscing. Commodo ante vis placerat interdum massa massa primis. Tempus condimentum tempus non ac varius cubilia adipiscing placerat lorem turpis at. Aliquet lorem porttitor interdum. Amet lacus. Aliquam lobortis faucibus blandit ac phasellus. In amet magna non interdum volutpat porttitor metus a ante ac neque. Nisi turpis. Commodo col. Interdum adipiscing mollis ut aliquam id ante adipiscing commodo integer arcu amet blandit adipiscing arcu ante.


Interior design is “the art or process of designing the interior, often including the exterior, of a room or building”.

How To Choose An Interior Designer


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac ut consequat semper viverra nam libero justo laoreet sit. Tincidunt id aliquet risus feugiat in ante. Non diam phasellus vestibulum lorem sed. Morbi quis commodo odio aenean. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat. Vel eros donec ac odio tempor orci dapibus ultrices. Facilisi morbi tempus iaculis urna id volutpat. Luctus accumsan tortor posuere ac. Sagittis orci a scelerisque purus semper eget. Ultricies mi quis hendrerit dolor magna eget est lorem ipsum. Dolor purus non enim praesent. Lorem sed risus ultricies tristique nulla aliquet enim tortor. Aliquam vestibulum morbi blandit cursus risus.

Scelerisque fermentum dui faucibus in ornare quam viverra orci. Libero justo laoreet sit amet cursus. Gravida rutrum quisque non tellus orci. Ut sem nulla pharetra diam sit amet nisl suscipit. Lorem ipsum dolor sit amet consectetur adipiscing elit. Urna porttitor rhoncus dolor purus. Quisque non tellus orci ac auctor augue mauris augue. Consectetur adipiscing elit duis tristique sollicitudin. Vitae semper quis lectus nulla at volutpat. Elementum pulvinar etiam non quam lacus suspendisse faucibus. Porta nibh venenatis cras sed felis eget velit. Ullamcorper malesuada proin libero nunc consequat interdum. Enim sed faucibus turpis in eu mi bibendum neque egestas. Facilisi morbi tempus iaculis urna. Rhoncus est pellentesque elit ullamcorper dignissim. Aenean et tortor at risus viverra adipiscing at in. Cursus euismod quis viverra nibh cras pulvinar mattis nunc sed. Sit amet aliquam id diam. Ut tristique et egestas quis ipsum suspendisse. Congue quisque egestas diam in arcu cursus.

Mattis enim ut tellus elementum sagittis. At volutpat diam ut venenatis tellus in metus vulputate eu. Habitant morbi tristique senectus et. Id aliquet lectus proin nibh nisl condimentum id venenatis. Nec tincidunt praesent semper feugiat nibh sed pulvinar. Lectus vestibulum mattis ullamcorper velit sed. Semper viverra nam libero justo. Purus sit amet luctus venenatis. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Feugiat nibh sed pulvinar proin gravida.

Understanding Street Photography


**Donec neque lorem**, sodales non fermentum et, aliquam quis erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tincidunt justo eu ante ultrices posuere. Duis cursus at massa ac tempus. Morbi sit amet mi sit amet lorem ullamcorper feugiat ac et dolor. Nullam rhoncus urna tincidunt odio ultricies, at dapibus felis facilisis. Ut condimentum nulla eget feugiat finibus. Suspendisse sit amet purus a eros dignissim commodo ut a erat.

Phasellus commodo dolor sit amet, consectetur adipiscing elit. Nam a finibus magna. Sed et pulvinar dolor. Suspendisse vitae iaculis lacus. Proin vulputate, leo eget pulvinar faucibus, felis est condimentum lorem, in rhoncus neque felis ac leo. Duis felis lectus, ultrices id dolor vel, tincidunt tristique nunc. Nullam quis orci magna. Proin eget nunc et dolor hendrerit eleifend. Praesent a vehicula justo, quis convallis lacus. Phasellus porttitor, turpis vel placerat condimentum, urna felis volutpat ligula, et ultricies arcu mi ac nisl. Cras id consectetur ligula, et mollis odio. Aenean erat dui, congue vitae nisi a, aliquet lobortis eros.

> The beauty of type lies in its utility, prettiness without readability serves neither author nor reader. - James Felici

Sed augue lorem, porta nec lorem et, luctus egestas nunc. Sed in tellus at enim commodo pharetra. Mauris nisi ipsum, auctor nec justo non, lobortis ullamcorper magna. Pellentesque posuere posuere dolor, quis egestas est ultrices id. Cras at urna lectus. Curabitur in placerat ligula. Phasellus pharetra scelerisque lectus, id sagittis lorem pretium eget. Phasellus commodo nunc ante, nec commodo urna iaculis eu. Pellentesque euismod et ante quis vestibulum. Ut quis sapien nisi. Sed interdum sit amet sem et vestibulum. Maecenas tempor dictum leo, quis rutrum purus tincidunt vitae. Fusce vel turpis risus. Donec congue accumsan tempus. Nunc nec elit magna. Aenean luctus auctor ligula at lacinia.

Donec neque lorem, sodales non fermentum et, aliquam quis erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tincidunt justo eu ante ultrices posuere. Duis cursus at massa ac tempus. Morbi sit amet mi sit amet lorem ullamcorper feugiat ac et dolor. Nullam rhoncus urna tincidunt odio ultricies, at dapibus felis facilisis. Ut condimentum nulla eget feugiat finibus. Suspendisse sit amet purus a eros dignissim commodo ut a erat. Maecenas pretium velit faucibus, porttitor lacus eu, eleifend sapien. In hac habitasse platea dictumst. Pellentesque nisi nisl, consectetur a accumsan sit amet, finibus vel nibh. Vivamus aliquet urna non turpis vehicula maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.


Why Fonts Matter


Interdum posuere lorem ipsum dolor sit amet consectetur. Odio morbi quis commodo odio aenean sed adipiscing diam donec. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Porttitor massa id neque aliquam vestibulum morbi blandit cursus. Vitae aliquet nec ullamcorper sit. Gravida arcu ac tortor dignissim convallis aenean. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue. Est ultricies integer quis auctor. Commodo quis imperdiet massa tincidunt nunc pulvinar sapien. Vel risus commodo viverra maecenas accumsan lacus. Donec adipiscing tristique risus nec feugiat in fermentum. Habitasse platea dictumst quisque sagittis purus sit. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Id leo in vitae turpis massa sed. Auctor elit sed vulputate mi sit. Gravida arcu ac tortor dignissim convallis aenean et.

## Types Of Work

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Auctor augue mauris augue neque gravida in fermentum et. Eget mi proin sed libero enim sed faucibus turpis in. Semper auctor neque vitae tempus. Nibh nisl condimentum id venenatis a condimentum vitae sapien. Et malesuada fames ac turpis egestas sed tempus urna. Tristique magna sit amet purus gravida. Lobortis elementum nibh tellus molestie. Natoque penatibus et magnis dis parturient montes nascetur. Lacus sed viverra tellus in hac habitasse platea. Duis ultricies lacus sed turpis tincidunt id aliquet risus. Vitae congue eu consequat ac felis donec et. Nec tincidunt praesent semper feugiat nibh sed pulvinar proin gravida. Lobortis mattis aliquam faucibus purus in massa tempor nec feugiat. In nibh mauris cursus mattis molestie. Proin libero nunc consequat interdum varius sit amet. Molestie at elementum eu facilisis sed odio morbi quis commodo.

Vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Ac tincidunt vitae semper quis lectus nulla at volutpat diam. Eget arcu dictum varius duis at consectetur lorem. Nec ullamcorper sit amet risus nullam eget felis. Laoreet non curabitur gravida arcu ac tortor. Cursus metus aliquam eleifend mi in. Faucibus vitae aliquet nec ullamcorper sit amet. Consectetur a erat nam at lectus urna. Porttitor eget dolor morbi non arcu risus quis varius quam. Condimentum mattis pellentesque id nibh tortor id aliquet. Augue neque gravida in fermentum..


The Advantages and Disadvantages of Working from Home


Vis accumsan feugiat adipiscing nisl amet adipiscing accumsan blandit accumsan sapien blandit ac amet faucibus aliquet placerat commodo. Interdum ante aliquet commodo accumsan vis phasellus adipiscing. Ornare a in lacinia. Vestibulum accumsan ac metus massa tempor. Accumsan in lacinia ornare massa amet. Ac interdum ac non praesent. Cubilia lacinia interdum massa faucibus blandit nullam. Accumsan phasellus nunc integer. Accumsan euismod nunc adipiscing lacinia erat ut sit. Arcu amet. Id massa aliquet arcu accumsan lorem amet accumsan.

Amet nibh adipiscing adipiscing. Commodo ante vis placerat interdum massa massa primis. Tempus condimentum tempus non ac varius cubilia adipiscing placerat lorem turpis at. Aliquet lorem porttitor interdum. Amet lacus. Aliquam lobortis faucibus blandit ac phasellus. In amet magna non interdum volutpat porttitor metus a ante ac neque. Nisi turpis. Commodo col. Interdum adipiscing mollis ut aliquam id ante adipiscing commodo integer arcu amet Ac interdum ac non praesent. Cubilia lacinia interdum massa faucibus blandit nullam. Accumsan phasellus nunc integer. Accumsan euismod nunc adipiscing lacinia erat ut sit. Arcu amet. Id massa aliquet arcu accumsan lorem amet accumsan commodo odio cubilia ac eu interdum placerat placerat arcu commodo lobortis adipiscing semper ornare pellentesque.

Amet nibh adipiscing adipiscing. Commodo ante vis placerat interdum massa massa primis. Tempus condimentum tempus non ac varius cubilia adipiscing placerat lorem turpis at. Aliquet lorem porttitor interdum. Amet lacus. Aliquam lobortis faucibus blandit ac phasellus. In amet magna non interdum volutpat porttitor metus a ante ac neque. Nisi turpis. Commodo col. Interdum adipiscing mollis ut aliquam id ante adipiscing commodo integer arcu amet blandit adipiscing arcu ante.


The Elements of Great Workplace Design

Hello! Thank you so much for your interest in working together. Please fill the contact form below.

name

email

subject

message

consent

Contact

This is an optional subtitle for the portfolio page.

Portfolio


![EasyTravels App interface](/images/1thumb.jpg)

The EasyTravel app is a mobile app develop to travel planning and has a rewards program where you win points to spend in attractions in your trip.

**Project Duration:** 6 weeks.

**My role**: Lead UX designer.

**Responsibilities**: 
+ User research
+ Wireframing
+ Prototyping (low-fidelity and high-fidelity)

## Challenge
Travel planning usually takes time and has many essential details you need to address before traveling. Sometimes, you have to go to the agency to talk to a travel agent, which is not convenient. 

## Solution
An app where you can plan your travel, access a travel agent, and win points by getting a travel package through the app.

# User research

### Summary

I conducted interviews to understand the user I am creating for and the users' needs. A primary user group was identified as adults who want to plan their trips and spend less.

The user group confirmed some assumptions made at the beginning of the project and gave some insights about the cost that concerns the users while using a travel agent service. Also, a problem was identified with travel agents and the fixed itineraries.

### Pain points

1. **Cost:** people usually want to spend as less as possible to accomplish their goals.
2. **Time:** travel planning usually takes a lot of time the customer doesn’t always have.
3. **Customization:** travel agents usually have limited space for travel customization accordingly to the customers.

## Persona

**Problem statement:** Josh is a busy engineer who needs an easy, fast and cheap way to travel planning because he wants to explore new places without spending too much money.

![Persona Josh Michael](/images/persona1.jpg)

## User journey map

![User journey map](/images/journey1.jpg)

# Design

## Wireframes 

First, I drew the essential elements in the paper wireframes to ensure that the functionalities addressed the user pain points. The priority was making an easy-to-understand home screen for the user. Then I moved to digital wireframes using Figma. 

![Wireframe](/images/1wireframe.jpg)

In this design phase, I made sure to add the functions to address the user's needs. I added the menus for easy and fast navigation that was a fundamental user need. 

Also, it was defined that the rewards program will allow users to choose between getting benefits after payment or saving points for the next time they want to travel.

## [Low-fidelity prototype](https://www.figma.com/proto/0hVGukf47t3pNnzB27f1o2/Google-Course-Wireframes-and-prototypes?node-id=10%3A142&scaling=scale-down&page-id=10%3A141&starting-point-node-id=10%3A142)

The low-fidelity prototype connected the primary user flow to book essential elements for traveling and access a travel agent. The prototype was helpful in the usability study. 

## Usability study

I conducted two rounds of usability studies. An Unmoderated usability study was conducted with the low-fidelity prototype to understand how users interact with the app. A second usability study was conducted with the high-fidelity prototype to gain insides from potential users on how to improve the app design.

#### Round 1 findings

1. The user needs clarity on the home page;
2. The user wants agent tips and package suggestions;
3. The user wants to have access to points while selecting where to use them.

#### Round 2 findings

1. The Rewards program icon needs to be more explicit;
2. The user wants to access the travel agent chat on any screen;
3. Connect the words with pages to easy access.

## Mockups

In the first homepage design, I used a wallet icon to the Rewards program that was not calling attention or easy to understand, so I changed to the star icon. Also, the text was unclear, so I edited the images so the contrast between the text and background would be higher.

![Homepage mockup](/images/1mockup.jpg)

I added the option to talk to a travel agent during the selection of flights and hotels. If the user has any doubts in the process, he can have easy access to help.

![Flights mockup](/images/1.1mockup.jpg)

#### EasyTravels app mockups

![Mockups](/images/12mockup.jpg)

## [High-fidelity prototype](https://www.figma.com/proto/JnGbnYe6diYpAAEA1Pz73K/Google-High-Fidelity-Designs-and-Prototypes-in-Figma?node-id=69%3A1217&scaling=scale-down&page-id=69%3A52&starting-point-node-id=69%3A1217)

### Accessibility considerations

1. The colors used were based on the accessibility standards, focusing attention on call-to-action buttons; 
2. The animations followed the rules for timing according to accessibility standards;
3. The significant gesture in the app is Tap, considering it would be accessible for people with motor disabilities;
4. Available in at least three different languages, signed by the change language button on the home page.

## Takeaways

**Impact:** Easy to navigate travel planning app.

> The app is very useful for those who are planning to travel, it is very easy to use, well organized and complete. <cite>Participant in the usability study</cite>

## What I learned

+ How to conduct UX research;
+ How important it is to understand users needs;
+ Create and access Design Systems;
+ How to create wireframes, low-fidelity prototypes and high-fidelity prototypes in Figma;

*Thank you for reading!*

Google UX Design Professional Certificate

EasyTravels


![Recipes2go interface](/images/recipes_o.jpg)

Recipes2go is a mobile app where you can store your own recipes and search for recipes. 

**Project Duration:** 1 week.

**My role**: UX and UI designer.

**Responsibilities**: 
+ Wireframing
+ Mockups
+ Prototyping (low-fidelity and high-fidelity)

### Tagline

Store and share your cook memories.

## Challenge
Some people still have their old recipe books that can get damaged, lost, and occupy kitchen space while cooking. The users need a space to save their recipes and access them no matter where they are. 

## Solution
Recipes2go is an app where the user only needs their phone to store new recipes and access old ones at any time and anywhere. 

# Users

**Target group:** cook lovers, housewives, chefs, and people who want to learn to cook. 

**Potential user:** Francis Roberts
+ New York
+ 27 years old
+ Student
+ Lives with her husband
+ Likes to cook for family and friends
+ She is passionate about her grandma's culinary and want to store the recipes for future generations

# Sitemap 

The process started with a simple content map that was useful in planning and developing the content. Later, I built a flowchart to visually understand how the user would travel through the content. That was important to come up with the sitemap that was used when I started building wireframes.

![Sitemap](/images/recipes_sp.jpg)

# Design

## Wireframes 

I wanted to make sure that the wireframes had all the functionalities determined in the sitemap.

Specific functions of the app:

1. Store your own recipes
2.  Search for recipes within the community
3.  Save recipes you like
4. Make a market list of ingredients for your recipes

In the wireframes, I started checking and applying Nielsen's Usability Heuristics.

Giving the user the option to edit information is under the user control and freedom heuristic.

![Wireframe 1](/images/recipes_nuh1.jpg)

Used the similarity principle to group recipes. And the consistency principle on the logo in the same place on all screens.

![Wireframe 2](/images/recipes_nuh2.jpg)

Overlay screen to confirm before making major changes under the error prevention heuristic.

![Wireframe 3](/images/recipes_nuh3.jpg)

I decided to leave only important information on the screen (recipe name and item name) so that is no excessive text. Also, used an icon button to add new information. This was thought under the aesthetic and minimalist design heuristic.

![Wireframe 4](/images/recipes_nuh4.jpg)

When editing a recipe, the user can easily edit the information by just clicking on the text in a light color. The screen has a grammar checker to provide solutions quickly and easily.

![Wireframe 5](/images/recipes_nuh5.jpg)

There is access to FAQs, a contact us page, and an about page to help users and provide documentation on the My account page. This information has easy access, but it is hidden until it is needed.

![Wireframe 6](/images/recipes_nuh6.jpg)


## [Low-fidelity prototype](https://www.figma.com/proto/BZMnlJwPrxkC9oAgjHjtgp/UX-Design-Fundamentals?node-id=1%3A2&scaling=scale-down&page-id=0%3A1&starting-point-node-id=1%3A2)

The low-fidelity prototype was an interactive version to test the app's functionalities. 

## Mockups

In the mockups, I continued to check and apply Nielsen's Usability Heuristics.

Under the visibility of system status, I applied different colors to the menu to show the users on which page they were. 

![Mockup 1](/images/recipes_mockup1.jpg)

I also used three different outlined text fields to show status (inactive, active, and inactive and populated).

![Mockup 2](/images/recipes_mockup2.jpg)

To match the system and the real world, I used elements that are standardly used, such as a house for home, magnifying glass for search, and Facebook, Google, and apples symbols and colors.

![Mockup 3](/images/recipes_mockup3.jpg)

The interaction is visible and immediately, when you click on the recipe it shows you the complete information about the recipe under the Recognition rather than recall heuristic.

![Mockup 4](/images/recipes_mockup4.jpg)

## [High-fidelity prototype](https://www.figma.com/proto/BZMnlJwPrxkC9oAgjHjtgp/UX-Design-Fundamentals?node-id=21%3A5327&scaling=scale-down&page-id=21%3A5224&starting-point-node-id=21%3A5327)

### Accessibility considerations

1. The colors used were based on the accessibility standards, focusing attention on call-to-action buttons; 
2. The animations followed the rules for timing according to accessibility standards;
3. The significant gesture in the app is Tap, considering it would be accessible for people with motor disabilities.

## Takeaways

**Impact:** Easy to save and share recipes app.

> Everything looked very well put together and cohesive. <cite>Course feeback</cite>

## What I learned

+ Create visual elements for UI;
+ How to apply Nielsen's Usability Heuristics in mobile apps;
+ Create and access Design Systems;
+ Practice wireframes, low-fidelity prototypes and high-fidelity prototypes in Figma;

*Thank you for reading!*

UX Design Fundamentals - Calarts

Recipes2go


![Smart Air Mask Logo](/images/samlogo.jpg)

In July 2020, I participated in an Innovation Olympic promoted by IXL and the Global Innovation Management Institute - GIMI. We were responsible for the research and development of innovative ideas for the Post Pandemic World.

**Project Duration:** 5 weeks.

**My role**: UX Researcher.

## Challenge
Make individual protection that is more friendly, inclusive, comfortable, and easy to use.

## Solution
A smart air mask that is friendly, sustainable, and protects individuals and the collective.

## Research 
We started conducting field research to understand  the market and identify global industry trends. 

> Outdoor air pollution kills more than 3 million people across the world every year, and causes health problems from asthma to heart disease for many more. This is costing societies very large amounts in terms of the value of lives lost and ill health. <cite>OECD</cite>

## Key Insights
We gathered through secondary research concepts and values emerging from the COVID-19 crisis. We wanted to understand the users needs for the next few years that could generate high income for companies.

1. Planning and prevention
2. Consumption awareness
3. Reconnect with those you love
4. Planet and society first

## Ideation
Our group did a brainstorming session to come up with initial concepts. In this session, we could debate themes and generate insights. What stood out in our conversation was that **health care, sanitation, and sustainability**  could be interesting topics for companies to focus on the next few years. 

## Process
We followed the GIMI methodology to come up with the themes and insights that resulted in the final product.

## Solution

*SAM - A mask without being a mask*

![Smart Air Mask Design](/images/smartairmask.jpg)


+ **Individual protection** - Filters & UV and purified inhalation
+ **Collective protection** - Disinfected exhalation 
+ **Health sensors** - oxygenation, temperature
+ **Value added** - Headphones, hearing protection and smart glass
+ **Sustainable** - no disposable
+ **Friendly & Smart**
+ **Monitoring Pollutants**

## TO SEE MORE ABOUT THIS PROJECT:

**Brazilian news** (in Portuguese): 

[Alliance for Innovation Team participates in IXL Innovation Olympics ](http://www.unisinos.br/noticias/universidade/time-da-alianca-para-inovacao-participa-da-ixl-innovation-olympics)

[Alliance for Innovation Team takes second place in global competition](http://www.unisinos.br/noticias/universidade/time-da-alianca-para-inovacao-e-segundo-colocado-em-competicao-global)

**Business case presentation** (in English): 

[Business case - all teams presentation](https://www.facebook.com/watch/live/?v=779595719477930&ref=watch_permalink)

*Thank you for reading!*

IXL Innovation Olympics Summer 2020

SAM - smart air mask


From October to November 2020, I participated in an Innovation Olympic promoted by IXL and the Global Innovation Management Institute - GIMI. We were responsible for research and exploring concepts and opportunities for the future of the beauty market.

Please contact me for an interview to discuss our process and outcomes.

![IXL Olympics Team Picture](/images/team2.jpg)




UNDER NDA

IXL Innovation Olympics


![Cover image with computer and phone with homepage](/images/makeupt_cover.jpg)

MakeupTutorials is a free access website to watch and publish makeup tutorial videos with information about makeup products.

**Project Duration:** 2 weeks.

**My role**: Lead UX designer.

**Responsibilities**: 
+ User research
+ Wireframing
+ Prototyping (low-fidelity and high-fidelity)

## Challenge
Makeup tutorial videos usually don’t have products information before watching the video. Not every makeup artist publishes the products they use, making it difficult for others to reproduce the makeup on themselves.

## Solution
A website for the beauty community where you can easily access makeup tutorials and the products used in the tutorials.

# User research

### Empathy map
The research phase started by interviewing potential users. Based on this interviews I built two empathy maps.
![Empathy map](/images/makeup_empathymap.jpg)

### Summary

In the first stage of the research, a primary user group was identified as people who watch makeup tutorials online to perform makeup on themselves.

The research gave some insights into the user concerns about having makeup products to use while watching a tutorial because many people do makeup on themselves simultaneously while watching tutorials. Also, a problem with high makeup artists prices and a lack of time to watch long tutorials were identified.

### Pain points

1. **Products:** users need the makeup products while reproducing the makeup on themselves;
2. **Money:** sometimes makeup artists are too expensive;
3. **Time:** some users don't have time to watch long makeup tutorial videos. 

## Persona

**Problem statement:** Mary is a full-time college student 
who wants to know the products she will need before watching a makeup tutorial because not having a product in the middle of a makeup keeps her from finishing it properly.


![Persona Mary](/images/makeup_persona.jpg)

## User journey map

As a full-time college student, Mary needs a website that lets her know the makeup products she needs for a makeup because she wants to follow up on makeup tutorials.

![User journey map](/images/makeup_userjourney.jpg)

# Design

### Paper Wireframes 

I drew five options for the homepage with the paper wireframes and selected the best features to apply in a final design to the wireframe. The priority was making an easy-to-navigate home screen for the user.

![Paper wireframes](/images/makeup_paperw.jpg)

### Digital Wireframes 

Based on the theme that: navigation is not clear to the user on the homepage, an insight is: there could be less information to be easier to navigate.

![Digital wireframes](/images/makeup_wf1.jpg)

Based on the theme that: users need easy access to fast tutorials, an insight is: there could be a page for quick makeup tutorials options.

![Digital wireframes](/images/makeup_wf2.jpg)

Based on the theme that: user flow was not clear, an insight is: add a Sign-in page to the user flow with essential elements that add value to the user experience.

![Digital wireframes](/images/makeup_wf3.jpg)

## Usability study

An Unmoderated usability study was conducted with the low-fidelity prototype to understand what users think of the app and find room to improve. 

#### Findings

1. The homepage was too crowded and not easy to navigate;
2. The users need options to find fast tutorials due to lack of time;
3. The users could use more steps in the user flow.

## Mockups

The goal with the design was to make an easy-to-use and navigate website. I started with designs of the homepage. 

I changed the option to see products icons for buttons so the homepage would have more negative space. Also, added a search button to the bar on top of the screen because it seems more intuitive to users to type and press a button. 

![Mockup Homepage](/images/makeup_mockup1.jpg)

Then I did the other pages mockups using the same sticker sheet created for the homepage. I used colors to represent the different types of buttons.

![Mockup 1](/images/makeup_mockup2.jpg)

![Mockup 2](/images/makeup_mockup3.jpg)

## Website high-fidelity prototype

## [High-fidelity prototype](https://xd.adobe.com/view/e1406a4a-fb42-45ac-a05e-b843a8758801-b413/?fullscreen&hints=off)

## Responsive website

The website was designed for a desktop and mobile version to keep in mind the Next Billion Users.

![Computer and phone with homepage](/images/makeup_capa3.jpg)


# Takeaways

**Impact:** The website creates a possibility for a beauty community interested in makeup tutorials. 


## What I learned

+ How to create wireframes, low-fidelity prototypes and high-fidelity prototypes in Adobe XD;

*Thank you for reading!*







Makeup Tutorials


![Cover image with computer and phone with homepage](/images/Plim_openpicture.jpg)

Plim is a medicine reminder app with a complimentary responsive website.

**Project Duration:** 2 weeks.

**My role**: Lead UX designer.

**Responsibilities**: 
+ User research
+ Wireframing
+ Prototyping (low-fidelity and high-fidelity)

## Challenge
Users need help reminding them to take their medicines on time. Also, during research, I found out that it would be good to have health information all stored in one place, medications you take and when, information about vaccination status, and doctor’s appointments.

## Solution
Design a dedicated mobile app and a responsive website to help people remind them to take their medications on time and access important information related to their health. 

# User research

### Summary

I conducted interviews to understand the user I am creating for and the users' needs. A primary user group was identified as adults who take medicines or vitamins frequently.

The user group confirmed some assumptions made at the beginning of the project about how important it is for them to take their medicines on time and gave some insights about what they need in a medicine reminder app.

### Interviews

For the interviews, I developed a dialogue with potential users with open-ended questions to understand their needs. 
 
Interview questions:

+ How frequently do you take medicines or vitamins?
+ How hard is for you to keep track of your medicines?
+ How frequently do you forget your medicines?
+ What do you do to remember to take your medicines properly?

### Pain points

1. **Time:** users have a full day and sometimes don’t have time to remember to take their medicines.
2. **Health:** taking medicines on time is a concern because it is essential for the users' health.
3. **Memory:** it is hard to remember the times and dates of medicines, especially if you take more than one.
4. **Options:** users like to have different schedule options.

## Personas

**Problem statement:** Vera is a senior personal assistant with a heart condition who needs to be remembered to take her continuous medicines because she needs them to stay healthy.

![Persona](/images/plim_persona1.jpg)

**Problem statement:** John is a researcher at a University worried about his health who needs to be remembered to take his vitamins because he wants to live a long and happy life.

![Persona](/images/plim_persona2.jpg)

## User journey map

The intent of the user journey map is to  create obstacle-free paths for the user.

![User journey map](/images/plim_journey1.jpg)

## User stories

**Vera user story:** As a senior full-time worker with a heart condition, I want to take all my medicines on time so that I can live a longer and happier life. 

**John user story:** As a full-time researcher at a University worried about my health, I want to be remembered to take my vitamins so that I can live longer. 

## Competitive Audit

I conducted a competitive audit with the intent to compare functions and navigation on medicine reminder apps. I compared direct and indirect competition.

In the audit, I found out that there was a gap in schedule options in the competition. I saw the opportunity to design an app with a month and weekly schedule and tracker and use gamification inside the app as an incentive to take medicines on time.

# Design

## Wireframes 

I started with paper wireframes. In the first draft, I designed 5 options for the homepage, based on the essential elements to choose the best information architecture. After the homepage, I started creating paper wireframes for the other pages. The priority was making an easy-to-understand home screen for the user. 

![Paper wireframes](/images/plim_paper.jpg)

After the paper wireframes, I started with the digital wireframes in Adobe XD. I lined out the user flow to add medicines and alerts in the app. The primary concern was to obtain easy navigation and a simple design with different schedule options for the user. 

The user homepage shows the list of all the medicines and a hamburger menu with other schedule options.

![Digital Wireframe homepage](/images/plim_wf1.jpg)

![Digital Wireframe My medicies page](/images/plim_wiref2.jpg)

## Low-fidelity prototype

The low-fidelity prototype connected the primary user flow and was helpful in the usability study. 

### [Low-fidelity prototype](https://xd.adobe.com/view/7c39e1be-1271-41e1-b58c-ed9feb548118-296a/)


## Usability study

An Unmoderated usability study was conducted with the low-fidelity prototype to understand how users interact with the mobile app. The steps I took in the research study were:

1. Plan the study;
2. Conduct the study;
3. Analyze and synthesize the observations;
4. Iterate on your designs based on the insights gathered from the research.


#### Findings

1. Based on the theme that: **schedule options were not clear**, an insight is: **update the “my medicines” page**;
2. Based on the theme that: **the option to log taken pills was not intuitive**,  insight is: **create a new section with a question for the selection button**;
3. Based on the theme that: **the app could have more options when adding new medication**, an insight is: **we can add weekdays options**.

## Responsive website

From the app, I started developing a website version for Plim. The website's purpose is to have a medicine information website to keep track of medicines, vaccination, and doctor's appointments. I started with the mobile app wireframes to develop a desktop version for the website. For some elements like typography and buttons, I used the same design system from the high-fidelity design for the mobile app.

![Wireframe Responsive Website](/images/plim_responsive.jpg)

## Mockups

The first step was to design a dedicated mobile app. This app's design system was created based on a specific color palette and some icons available online. Also, the design system was based on IOS because my previous work was android based and I wanted to explore another mobile operating system.

![Mockups](/images/Plim_mobile.jpg)

The app's purpose was to keep track of your medication, reminding you to take them at the correct times with 3 options on how to see your medications.

The unique proposition of the app is in the different types of ways to present your medication schedule and a badge system for when you take the medication in the correct times.

## Dedicated mobile app high-fidelity prototype

### [High-fidelity prototype](https://xd.adobe.com/view/6cd42ef4-420a-4839-95ba-331fefc45aaf-3987/)

## Responsive website

I started with the sitemap for the responsive website.
![Sitemap](/images/plim_sitemap.jpg)

 Then I did the website mockups following the consistency principle using the same color palette as the mobile app and the responsive website high-fidelity prototype.

![Responsive website desktop](/images/plim_website.jpg)

## Responsive website high-fidelity prototype

### [High-fidelity prototype](https://xd.adobe.com/view/72cf9d49-f775-4673-a38a-4dfa6b844cfd-279c/)

## Takeaways

**Impact:** Easy to understand medicine reminder app and responsive website.

## What I learned

I practiced all the steps in the design process with a project done by myself from beginning to end.

+ Dedicated mobile apps
+ Responsive websites


*Thank you for reading!*




Plim


![Cover image with Hungry interface](/images/hungry_enter.jpg)

Hungry is a mobile app to find restaurants and delivery options nearby.

**Project Duration:** 1 week.

**My role**: UI designer.

**Responsibilities**: 
+ Mockups
+ Icons
+ Typography

## Challenge
Users need help finding restaurants with specific kinds of food in restaurants nearby. 

## Solution
A mobile app rapidly finds the meal for people who can’t cook in nearby restaurants.

# Defining the look and feel

### Tagline

Can’t cook? Craving something? Let us help you find it.

### Main function 

User will select on the app their location and what they want to eat, and in return, we will show on the app screen map the best restaurants and delivery options that have the food you wish so you can have a great meal wherever you are, whenever you need.

### Mood board

The mood board contains the visual research for my project idea. 

![Mood board food app](/images/hungry_mb.jpg)

The project brief was an app that finds a specific food within a given area, so I let the user select this particular food. In this sense, more people could use the app and not just a tiny niche. 

The app focuses on finding food locations, which means that the user could be somebody who does not know how to cook. So my mood board translates this idea of various food options and places where you can eat your food. I got a review about not showing the user on the board, so I added images that represent the user who does not know how to cook to get a complete feeling of the app.

> You did a great job selling the energy or the mood tied to hunger. You also did a great job providing the solutions to that hunger. I also loved the way that you put your mood board together. <cite>Course feeback</cite>

## Sample Pattern Library

I created a sample pattern library with buttons and icons based on the mood board and feedback. 

![Mockups](/images/hungry_icons.jpg)

## Static Interface

Lastly, I did a sketch of two static interfaces.

![Hungry static interface](/images/hungry_interface.jpg)

> The app looks very easy and fast to use, so that the user can quickly open it whenever he is hungry. <cite>Course feeback</cite>

## Takeaways

**Impact:** Easy to understand food finder mobile app.

> The visual identity is very good in my opinion. I also like the color palette and the use of red, which is associated with hunger. <cite>Course feeback</cite>

## What I learned

I learned to mix creativity and functionality in mobile apps. This process helped me realize that even if you follow app conventions about composition and structure, you can still create a unique user experience. 


*Thank you for reading!*

Calarts - Visual Elements of User Interface Design

Hungry

**This is a paragraph**. Pellentesque habitant morbi *tristique senectus et netus et malesuada* fames ac turpis egestas. Vestibulum [tortor quam](https://www.google.com), feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit <mark>amet est et sapien ullamcorper</mark> pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.

# This is an H1

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, this is marked text ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis.

## This is an H2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.

### This is an H3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.

#### This is an H4

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis.

## Quoting

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

>Creativity is allowing yourself to make mistakes. Design is knowing which ones to keep. <cite>Scott Adams</cite>

Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.

***

## Unordered Lists

+ Donec non tortor in arcu mollis feugiat
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+ Donec id eros eget quam aliquam gravida
+ Vivamus convallis urna id felis
+ Nulla porta tempus sapien

## Ordered Lists

1. Donec non tortor in arcu mollis feugiat
2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit
3. Donec id eros eget quam aliquam gravida
4. Vivamus convallis urna id felis
5. Nulla porta tempus sapien

## Video Embeds

<iframe width="640" height="360" src="https://www.youtube.com/embed/wEG7x7jRhNQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## Code Blocks

Blocks of code are either fenced by lines with three back-ticks, or are indented with four spaces.

```

body {
  color:red;
}
```

## Tables

<table>
    <caption>Table with thead, tfoot, and tbody</caption>
  <thead>
    <tr>
      <th>Header content 1</th>
      <th>Header content 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Body content 1</td>
      <td>Body content 2</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Footer content 1</td>
      <td>Footer content 2</td>
    </tr>
  </tfoot>
</table>

The style guide provides you with a blueprint of default post and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content.

Style Guide


Thank you for contacting us! We will get back in touch with you soon.

**Have a great day!**