A CURATED COLLECTION OF EXPERIENCE DESIGN WORK UX work extension kit for jkdimaria.co Project samples from 2016 - 2017
MUSEUM & ART CENTER WEBSITES Clients: Glenstone Tippet Rise
IA for Glenstone.com Client: Glenstone Art Institute
glenstone.com - Information Architecture
1
make a res is on every page
Make a Reservation Plan a Visit
Exhibitions
Collections
About
social
recos: twitter | instagram | vimeo | medium
Make a Reservation
Current Exhibitions
Mission
Art
Founders Map/Directions
Past Exhibitions
a
Sub-page
b
Sub-page
c
Sub-page
History
Hours 1
Policies Group Education Tours
#1
#2
#3
Artists a
Sub-page
b
Sub-page
c
Sub-page
Each exhibition gets its own page
Contact Us
(c) Glenstone 2017
Press
a
Sub-page
b
Sub-page
c
Sub-page
Careers
Make a Reservation | Site Map | Press | Careers | Social Icons | Newsletter
Wireframes for tippetrise.com Client: Tippet Rise Art Center
Mobile Navigation
Lorem Ipsum
tippetrise.org
tippetrise.org
Latest Headline Tippet Rise
Menu
Art Center Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida
CALL TO ACTION
tippetrise.org
Tippet Rise Art Center
Visit
Art
Tippet Rise Art Center
X
Attend an Event
Take a Tour
Photo/ Film
Culture
X
Attend an Event
About
tippetrise.org
Visit Art
About
Take a Tour
Photo/ Film
Culture
Hello@tippetrise.com
About
Locations, hours, and directions CALL TO ACTION
96 S Grove Creek Rd,
Lodging Local Amenities
Visit
Art
Culture
Locations & Hours Local Amenities Directions Explore Food Lodging
Patrick Dougherty Stephen Talasnik Mark di Suvero Ensamble Studio Alexander Calder
Stories Education Community
Latest Headline
Sign up to receive updates about Tippet Rise
Lorem Ipsum
Latest Headline
user@example.com
Terms of Use
|
Privacy Policy
Menu Button
Menu Revealed
Menu Drop Downs
Footer
As users land and as users scroll
User taps on MENU button
User may still access or jump to each section or page
Cond. footer section for mobile
Desktop Navigation Tippet Rise Art Center
Get Tickets Attend an Event Visit
Sculpture
Photo and Film
Locations, hours, and directions Explore the Art Center Food at the Art Center Lodging Local Amenities
X X
L ate st Ex h i b i t i o n Headline Will Be Placed Here Lorem ipsum dolor sit amet consectetur adipiscing elit fusce ut leo vel risus imperdiet venenatis.
SI GN U P FO R O U R N E W S LE T T E R
user@example.com
Photo & Film Photography Performances Interviews
X Lorem Ipsum
Take a Tour
Fishtail, MT 59028
Explore the Art Center Food at the Art Center
Attend a Event
+1 555 555 5555
SIGN UP
Book a Tour Take a Tour
Culture
About
SIGN UP
USER JOURNEY STRATEGIES & DIAGRAMS Clients: CLEAN
CLEAN User Journeys Client: CLEAN
Nur ture User Flow + Social Media Recipe Article Post + Personalization Prompt + eNewsletter Sign Up + Visit #1: Recipe Blog Article + Visit #2: CLEAN Eats Community Prompt + Visit #3: CLEAN Beauty Wellness Coach + CTA to purchase
11
CLEAN Ecosystem The website proposed is the foundational reason that personalization can be enabled across multiple channels. Our tracking will serve as the home base that sends data to and from each of these platforms, strengthening all of them.
14
IA for Community Hub Client: CLEAN
Community Hub Flow E xample Key Takeaway: Combine blog articles, tribes, journals, buddy finder into a funneled community control panel www.drivetribe.com
18
account The Programs
The Store
Wellness
Our Manual Join the Community
[Your Relationship with Food Intro]
13
AGENCY SITE IA & WIREFRAMES Clients: Crush & Lovely
IA for crushlovely.com Client: Crush & Lovely (agency site)
crushlovely.com - Information Architecture
About
Misson
Capabilities
Work
Our Approach
Approach
Services
Explore
Our Work
Partners
tag 1 / tag 2 / tag 3 / tag 4
Our Partners
Job Listings (by dicispline)
Lessons
Article / Post
212-555-5555
History
Insights
62 Allen Street Fl 3 New York, NY 10010 |
instagram | facebook | linkedin
Projects Article / Post #1
#2
Culture
#3
Article / Post
People
Our Partners
Manifesto CTA
a [Load More]
Each exhibition Manifesto gets its own page
b
Press
c
C
About
Capabilities
Work
Explore
Misson
Approach
Product
Job Listings
Lessons
Capabilities
Content
People
Manifesto
Partners
Experience
Culture
Contact Us
Newsletter Sign Up
(c) Crush & Lovely, LLC 2017
External Links Newsletter Sign Up Social
Wireframes for crushlovely.com Client: Crush & Lovely (agency site)
About - Main
Our Manifesto
Our Findings
Our Approach
ABOUT
EXPERTISE WORK INSIGHTS CAREERS
Sections Our Mission Our Lessons Our Manifesto (subpage)
one goal. making really good stuff. We are a strategically-led creative ensemble that creates interactive experiences, digital products, and content to help ambitious companies make things that matter.
We’ve been doing this for 13 years, and we’ve learned a few key things along the way.
Great ideas need great strategy. A smart strategy is the only way ideas can meaningfully connect with an audience.
Design. Centered for Humans. Our experiences are designed to be user-first, so that they are seamless and enjoyable.
x2 more lessons: [lesson 3] There is no Creative Department. Everyone is creative. More diverse points of view lead to better and more nuanced work. [lesson 4] There’s always a new way to solve a challenge. We don’t replicate; we innovate.
Uncertainty is opportunity in disguise.
[MANIFESTIO TYPE ANIMATION VIDEO] Examples: https://www.youtube.com/watch?v=qK4Re_ArS3Q
Wireframes for crushlovely.com Client: Crush & Lovely (agency site)
Capabilities - Products & Services
ABOUT
Sections: OuProcess Our Capabilites Our Partners
EXPERTISE WORK INSIGHTS CAREERS
We find the best answer, not just the right answer. There is no one-size-fits-all process for every challenge. Organizations are different, people are different, and business challenges are different. That said, we do have some fundamental rules set down that shape how we go about making our best work.
Our Process
Core Capabilities
1
What We Make Module What are our favorite things to make!? Let’s list these out in a conversational tone
2
Services Module Organized by tab-style headings and our our core three offerings
3
*Need copy from Lauren/Maz/Matt
Our Partners
As the world evolves, so do our capabilities. Our industry agnostic model is strategically built to work with organizations of all sizes. The nature of our engagements typically fall within these three key areas of practice:
Product
Experiences
Content 2
Product Lorem Ipsum We make products that make people happy (our clients included). We make digital products that have brains and beauty. Our products equip our clients to evolve. Service 1
Service 2
Service 2
Service 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
3 1
[Experiences Subhead Options] We’re not only about big ideas, we’re about the big picture. We don’t only think big ideas, we think big picture. We engage users through captivating and viral-worthy experiences We create experiences that bring brands to life in authentic and exciting ways
What We Make [Content Subhead Options] We create content that users want to see, hear, click, touch, smell (hey, why not?) We create original and compelling content. We shape brands through original and compelling content. [Additional Bullet points] Create original content that resonates with users Optimize across multiple channels and touchpoints to reach a wide range of users Shape brands in authentic and interactive ways 4 LOREM IPSUM
[Our Partners Section]
Wireframes for crushlovely.com Client: Crush & Lovely (agency site)
Case Studies - Content Style - Ie, Ben & Jerry’s ABOUT
EXPERTISE WORK INSIGHTS CAREERS
Ben & Jerry’s
We deepened a love of ice cream by showcasing the life (& death) of flavors
1
2
1
Client/Brand name name of project Hero bg image
2
Project Overview Section Strategy/waht we did statement, disciplines/media executed and intro
3
Content Showcase Section Case study video, main photography/videos, and content structure. (ie, the final product)
Overview
Strategy
1
2
Featured Ben&Jerry’s Videos
We made 11 episodes for a docu series and captured a new audience through a more personal way of storytelling
“Superfans” - https://vimeo.com/110919657 “Flavor Funeral” - need from natasha “Flavor Profiles” - https://vimeo.com/95316735
+ Content Strategy + Social Campign + Digital
3
4
4 Showcase Subtile
2
Challenge Subtitle
Solution Subtitle
33
Looking for a partner with a rich history in content, Ben & Jerry’s entrusted our team with conveying their iconic brand story to a digital audience.
Execution A
/
Execution B
/
Execution C
3
With topics ranging from “Company Values” to “Sustainable Ingredients,” we devised a multi-channel Content Strategy harnessing the power of New Media to deepen consumer connections and take the brand beyond the freezer.
What We Accomplished Together
Previous project
lorem ipsum
Next project
lorem ipsum
Solution Section will have sublinks to cycle through proof of concept depending on what needs to be shown (ie, sketches, design details, BTS, etc)
IN-STORE UI PRODUCTS & WAYFINDING Clients: Toy’s R Us Brookfield Place
UX Flow for Wayfinding Display Control Tablet Client: Toy’s R Us Interactive
UX for Wayfinding Display Client: Brookfield Place
MAIN DEFAULT SCREEN
Display Overview
Media unit
Main Nav
Corridors / Levels Nav
View Toggle
Directory Content
Download Directory App
UX for Wayfinding Display Client: Brookfield Place
DIRECTORY SCREEN
Tile View
Visual/tile view available on level Details -----Brand Image Category Store Name Offer or Description CTA: Take me There
UX for Wayfinding Display Client: Brookfield Place
STORE SCREEN
Wayfinding
Templated store branding, hours, one additional piece of info
Birds-Eye Close Up View of corridor or small section of where store is located
Map direction overview of how to locate store. Pop up notifications provide key turns/ checkpoints.
“Street view� style 360 camera touch area where a user can preview the actual location
Main Nav slides down once a user engages in store screen. Back to list Ask a Person
7
Contact Information jdimaria@gmail.com or for more work samples visit www.jkdimaria.co