︎

Design iterations

Conceptualized three distinct visual directions.

Objective

Create an application that evokes editorial appeal to a Fashion/lifestyle magazine subscriber; this was the basis for developing my user flows, wireframes, designs comps, and interaction demo.
+ Three distinct visual directions
+ Potential layout variations
+ Comps that display initial state layout

Big. Bold. Red.


Heavy fonts, a demanding presence,
and bold colors. 

Da StreetZ


Influenced by street-wear,
nonconformity, and electric colors.

The Traditional Lime


Savoir-faire refinement settled
within a graceful crisp lime.

Selected concept:
The Traditional Lime


To bring familiar magazine characteristics to the application, The Traditional Lime was selected. The layout felt most natural to a magazine's format, while its refreshing accentual colors brought a fun yet youthful attraction to the design.

Experimentation of iconography. Original prototype for quick product information. Initial purchasing prototype.

Lo-fi wireframes


Three layout variations were designed for the home page and a selected magazine. 
Home page.


Magazine page.


Hi-fi wireframes


Finalized the structural functionality and visual hierarchy of the home and selected magazine page.
Home & Magazine page


User flow

Onboarding Purchasing an item Searching for a specific item

Animation storyboard

Storyboard for purchasing an item. Original sketch for purchasing an item.