FRESH Magazine: Home Edition
FRESH Magazine: Home Edition was my thesis project for Pratt Institute where I wrote about how magazines will turn completely from print to digital. During my internship at HouseBeautiful and ELLE Decor, I was able to use their articles and images to redesign in a completely digital format. I designed the magazine to work primarily in the landscape orientation on the iPad.
My Roles & Responsibilities
-
UX Designer
-
Visual Designer
-
Researcher
-
Primary and secondary research
-
Designed the initial and refined visual components of the website and branding
-
Creating style guides
-
Low-fidelity wireframes
-
High-fidelity designs and asset creation
Pages
The first set of images is the table of contents. The magazine is split into 4 sections Color, The Know, Re-Fresh, and Lifestyle. There is a compact and extended version of the menu to take you to individual sections and articles. Each section header page, links to the stories in that section.
Interactions
-
Link to pages
-
Vertical Scrolling Text
This image shows one type of layout for an article. The text on the left and right sides can be scrolled up and down and the mages can click through with the arrows on the images.
Interactions
-
Vertical Scrolling Text
-
Arrows (carousel of images)
These articles are about individual pieces of furniture and not a complete home redesign. Clicking the arrows moves the reader through the items.
Interactions
-
Arrows (carousel of images)
With these articles if the small diamonds are selected then the information about the item would appear with the item name, description, and price.
Interactions
-
Pop-ups with button icons
With these articles when the items of decor are selected then they are highlighted in the center of the graphic.
Interactions
-
Pop-ups with button icons
These articles are the simplest design of the magazine. Here you swipe up to view the next page of the design.
Interactions
-
Swipe down with pages
For these articles the text on the first page scrolls vertically or horizontically. Once the image is clicked on it becomes full size.
Interactions
-
Full Screen Video
-
Horizontal Scrolling Text
These articles are the simplest design of the magazine. Here you swipe up to view the next page of the design.
Interactions
-
Vertical Scrolling Text
-
Horizontal Scrolling Text
-
Full Size Image