23
Email Address: [email protected] Laura Roszak’s Portfolio Email Address: [email protected]

Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Email Address: [email protected]

LauraRoszak’s

Portfolio

Email Address: [email protected]

Page 2: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

The following are a series of work created during my internship in London at umi Marketing, Independent Projects and projects done over the years at the University of Wisconsin Stevens Point. The projects are a mixture of web design, web prototypes, print work, graphics, image touchups, and a little web development. I feel confident creating designs for both print and web based projects, as well as an understanding of the development side of web based projects.

Page 3: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Twitter Backgrounds

BeforeAfter

Rosy GuesthouseNext

Adobe Photoshop

Redesign umi Marketing’s clients Twitter backgrounds

Page 4: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Twitter Backgrounds

Black Orchid Interiors

NextPrevs.

Adobe Photoshop

Redesign umi Marketing’s clients Twitter backgroundsBefore After

Page 5: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Twitter Backgrounds

RYH Hostel St.Peters

NextPrevs.

Adobe Photoshop

Redesign umi Marketing’s clients Twitter backgrounds

Before After

Page 6: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Twitter Backgrounds

Book it WithNextPrevs.

Adobe Photoshop

Redesign umi Marketing’s clients Twitter backgroundsBefore After

Page 7: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Twitter Backgrounds

Lords HotelNextPrevs.

Adobe Photoshop

Redesign umi Marketing’s clients Twitter backgrounds

BeforeAfter

Page 8: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Twitter Backgrounds

Little BayNextPrevs.

Adobe Photoshop

Redesign umi Marketing’s clients Twitter backgroundsBefore After

Page 9: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Twitter Backgrounds

Adobe Photoshop

Redesign umi Marketing’s clients Twitter backgrounds

Little Bay Brighton

NextPrevs.

Before

After

Page 10: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Twitter Backgrounds

umi HotelsNextPrevs.

BeforeAfter

Adobe Photoshop

Redesign umi Marketing’s clients Twitter backgrounds

Page 11: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Twitter Backgrounds

Oz3Prevs.

Before After

Adobe Photoshop

Redesign umi Marketing’s clients Twitter backgrounds

Page 12: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

umi Brighton Voucher

Front

Back

Adobe InDesign

Design a voucher for umi Brighton that would be handed out during October 2011to March of 2012 giving guest 50% off their stay when they return during that time period.

Page 13: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Design a loyalty card to have three circles on one side where the hotel could stamp and the other side with details about how the card can be used. Umi Brighton will be handing out these cards to encourage guests to stay three times to get a free night.

Created In

Objective

Created In

Objective

umi Brighton Loyalty Card

Front

Back

Adobe InDesign

Page 14: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Before

AfterAsked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background and replaced the images with a simple white background. Took a copy of the image flipped it and used a gradient mask to create a mirror reflection. I repeated this process for all fifty images for the website. Oz3 Image Touch Up

Adobe Photoshop

Before

After

Page 15: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Title PageExample of a Profile

To create and design a way to display images of current and past workers at umi Marketing for their website. I used my own image for the background, asked fellow workers to answer questions provided from my boss, and formatted images to fit into a Polaroid frame.

umi Marketing Meet the People of umi

Adobe Photoshop

Title PageExample of a Profile

To create and design a way to display images of current and past workers at umi Marketing for their website. I used my own image for the background, asked fellow workers to answer questions provided from my boss, and formatted images to fit into a Polaroid frame.

Page 16: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Adobe IllustratorI worked on the graphics for the game, and produced the following scenes. The flamingo, blow fish, coral, and plants were created by other team members.

These are the two of the four games I worked on and designed for the overall game. The coral, blowfish, grass was created by other classmates. I worked with another classmate that developed the games. I also helped bring in the files into Flash, and worked on a small amout of actionscript.

Created In

Objective

Worked with a group of seven classmates on this children’s game for our time capsule class. We worked with a client to take his book of children’s games, and develop it into a computer game.

Adobe IllustratorI worked on the graphics for the game, and produced the following scenes. The flamingo, blow fish, coral, and plants were created by other team members.

These are the two of the four games I worked on and designed for the overall game. The coral, blowfish, grass was created by other classmates. I worked with another classmate that developed the games. I also helped bring in the files into Flash, and worked on a small amout of actionscript.

Created In

Objective

Math Minerals Graphics

Page 17: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Adobe Dreamweaver &

mySQL Database

Using mySQL database, PHP, JavaScript,HTML, XML, CSS to develop a simple blog website. This was my first time putting all these languages together for a cohesive website. My focus was getting the code correct than the design. I created a basic theme and header in PhotoShop.This is the main blog page written in HTML and CSS. Pulling information from mySQL database with PHP.

Created In

Objective

Adobe Dreamweaver &

mySQL Database

Using mySQL database, PHP, JavaScript,HTML, XML, CSS to develop a simple blog website. This was my first time putting all these languages together for a cohesive website. My focus was getting the code correct than the design. I created a basic theme and header in PhotoShop.This is the main blog page written in HTML and CSS. Pulling information from mySQL database with PHP.

Created In

Objective

Content Management Blog

Page 18: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Worked with three other classmates to take this homepage, and make it easier for both children and adults to use. I did the following for this reorganization: •Heuristic Review •Competitive Analysis •Persona •Wireframes Worked with classmates to do: •Site Map •Morae Usability Testing •Task Analysis Report

Created In

Objective

Reorganize and Structure Website Portage County Public Library

Next

Reorganize & structure to make it more user friendly.

The Original Website

Microsoft Visio

Page 19: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Microsoft Visio

To take the information on the website and reorganize the structure. Secondly, to remove non-important information. Worked with group members to organize information

NextPrevs.Site Map

Reorganize and Structure Website Portage County Public Library

Page 20: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Microsoft VisioCreated In

Objective

Microsoft VisioCreated In

Objective

NextPrevs.Persona

Each group member were to take one of the four age groups that would use the website,and create a persona.

I developed a persona for the children, and targeted the age group of ten years old. Researched what this age group would need from the site, and how to tailor the reorganization in a way for them to understand. Reorganize and Structure Website Portage County Public Library

NextPrevs.Persona

Each group member were to take one of the four age groups that would use the website,and create a persona.

I developed a persona for the children, and targeted the age group of ten years old. Researched what this age group would need from the site, and how to tailor the reorganization in a way for them to understand.

Page 21: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Reorganize and Structure Website Portage County Public Library

Make a simple layout of ideas for the structure of the website. I focused on blocking out locations for text and put together a simple color scheme.

Reorganize and Structure Website Portage County Public Library

NextPrevs.

Microsoft VisioCreated In

Objective

Low Fidelity Wireframe

Page 22: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Microsoft VisioCreated In

Objective

Microsoft VisioCreated In

ObjectiveTo take the low fidelity wireframe, and improve it for a more complete wireframe. Took color scheme from the interior of the library, and information from current website. Made imporovements from low fidelity wireframe with feedback from group members, and the prior meeting with library staff members.

Prevs.High Fidelity Wireframe

Reorganize and Structure Website Portage County Public Library

To take the low fidelity wireframe, and improve it for a more complete wireframe. Took color scheme from the interior of the library, and information from current website. Made imporovements from low fidelity wireframe with feedback from group members, and the prior meeting with library staff members.

Prevs.High Fidelity Wireframe

Page 23: Laura Roszak’s · Before After Asked to take images taken by Oz3 and retouch them for their ecommerce section of their website. Using Photoshop I masked out the original background

Created In

Objective

Created In

Objective

Construction Widget Prototype

To learn an Adobe program on our own and create a pro ject o f our choice.

I decided to learn more about Fireworks. I used the following image for inspiration. Due to copyright on the image I cannot show my original work. The image is free to use; but has to be kept in its original format. To overcome the copyright problem I took my own photographs to recreate the original project.

Adobe Fireworks