impression screenshots
impression direction
My online magazine was modeled after another online magazine that I found. I liked the simplicity, the focus on graphics and the lack of ads.
Passeig de Gracia
I looked at several different ways to start doing responsive web design. There are many base kits that let you build your own site on top of code that has a fluid grid, fluid images and media queries. After giving SimpleGrid a try, I decided that I wanted something a little different. I went with using Skeleton as a base for my website.
More page sketches for impression
impression - furthering the concept
impression magazine online version
Impression is for the 20-something-year-olds who are tired of the magazines filled with celebrity gossip, consumerism and overwhelming ads. This magazine focuses on the five senses. It encourages its readers to take in their surroundings and appreciate the little things around us every day. Topics include art, food, music and much more. Readers who join the impression network will gain access to the site’s full features, which includes; creating a profile, commenting on articles, submitting your own articles for review and possible publishing, posting results of the sensory task of the month and exploring your world task, and creating a network of friends with similar interests.
HOME
- featured article slider
- new story clips
- sensory task of the month
-how to discover your world
- log in or join: readers can submit & create a profile & comment
HEAR
- music
- “songs to fit your mood”
- playlists that readers submit
- featured music artists
SEE
- art
- featured artist “uncovering surface design”
- “art or trash”
- film
TOUCH
- art you touch
- “places your feet will love”
- everyday textures
- build it
SMELL
- “microwave a banana”
- smell descriptors
- deodorant, perfume, weather
TASTE
- food
- “culinary herbs”
-restaurants
- recipes
- new ways to taste old things
YOUR WORLD
-reader submissions
- map: where submissions are from
- observation ticker
Mock up for impression online
Tools for Responsive Web Design
impression magazine online version - new sitemap/notes/sketches
Final ETS screen shots


