Jessica Lupanow

Get In Touch

Prefer using email?
Say hi at jessica.lupanow AT gmail.com


Back to Top

DEMO

Summary: Here is a quick summary covering who is the company and what do they do, what was the ask/what was I trying to solve, what was the timeline/constraints, whether it was a solo or team effort, what methods I used, and a short description of the end product.

Role:

Timeline: October through December 2020

See more about the challenge

See more about my process

See more about the outcome

The Challenge

Why did this project need to happen? What was the goal and why? What specific problem, user needs, business requirements and/or pain points was I trying to meet? Who was the user/customer? What was my role? Who else worked on this? Were there any unique or limiting factors like budget, time, time zones, etc.

The Process

  1. Step 1: Present tense Verb+noun
  2. Step 2: Present tense Verb+noun
  3. Step 3: Present tense Verb+noun

Step 1

If someone walked in off the street, with no background in UX, your process should make sense to them What did you do? For example, what research method did you use? Why did you do it? For example, why did you choose that research method? What was the result? For example, did you achieve your research goals? In between each part of your process, explain why you went onto the next step of the process — did you run out of time? Did you feel your data was statistically significant?

Step 2

What did you do? For example, what research method did you use? Why did you do it? For example, why did you choose that research method? What was the result? For example, did you achieve your research goals? In between each part of your process, explain why you went onto the next step of the process — did you run out of time? Did you feel your data was statistically significant?

Step 3

What did you do? For example, what research method did you use? Why did you do it? For example, why did you choose that research method? What was the result? For example, did you achieve your research goals? In between each part of your process, explain why you went onto the next step of the process — did you run out of time? Did you feel your data was statistically significant?

The Outcome

Project success metrics and awards. What happened in the end? Were the goals achieved? Were there lessons learned? How did the project affect the users and the business? If you don’t have any way of showing the impact of your project, lay out how you would measure the impact. Explain the direction the product is heading or talk about features that are coming up in future iterations if possible What insights have you gathered along the way? Especially knowing what you do now, what would you change? Did you learn a new method or practice? Maybe you figured out a better way to conduct user testing, communicate with project managers? How did you handle scope creep or miscommunication between teams?

Lessons Learned

  • Regular design reviews are essential for good collaboration. The team collaborated to refine the use cases, but then I stepped away to create the mockups solo and didn’t share the designs until I was done with all the screens. Sharing early and often would have helped catch things like the missing grouping feature.
  • Never lower the bar for your design just because the competing designs aren’t great. Neurodiverse users appreciate good looking, user friendly apps just like anyone else.
  • Don’t jump straight to mockups. Taking the time to check out the competition and really flesh out the use cases ensured that the mockups would be on target. Skipping those steps would have been a disservice to the client and the end users.
Thank you for reading. If you are interested in my work, reach out. I’d love to learn about your project and see how I can help!

Get in Touch

Possible Formatting (REMOVE EVERYTHING BELOW)

This page is a demo that shows everything you can do inside portfolio and blog posts.

We’ve included everything you need to create engaging posts about your work, and show off your case studies in a beautiful way.

Obviously, we’ve styled up all the basic text formatting options available in markdown.

You can create lists:

  • Simple bulleted lists
  • Like this one
  • Are cool

And:

  1. Numbered lists
  2. Like this other one
  3. Are great too

You can also add blockquotes, which are shown at a larger width to help break up the layout and draw attention to key parts of your content:

“Simple can be harder than complex: You have to work hard to get your thinking clean to make it simple. But it’s worth it in the end because once you get there, you can move mountains.”

The theme also supports markdown tables:

Item Author Supports tables? Price
Duet Jekyll Theme Jekyll Themes Yes $49
Index Jekyll Theme Jekyll Themes Yes $49
Journal Jekyll Theme Jekyll Themes Yes $49

And footnotes1, which link to explanations2 at the bottom of the page3.

You can throw in some horizontal rules too:


Image galleries

Here’s a really neat custom feature we added – galleries:

Inspired by the Galleries feature from WordPress, we’ve made it easy to create grid layouts for your images. Just use a simple Liquid snippet in your post to create a masonry grid image layout:

1
2
3
4
5
6
{% include post-components/gallery.html
	columns = 2
	full_width = true
	images = "/images/demo.jpg,/images/demo.jpg,/images/demo.jpg,/images/demo.jpg,
	"
%}

See what we did there? Code and syntax highlighting is built-in too!

Change the number inside the ‘columns’ setting to create different types of gallery for all kinds of purposes. You can even click on each image to seamlessly enlarge it on the page.

Image carousels

Here’s another gallery with only one column, which creates a carousel slide-show instead.

A nice little feature: the carousel only advances when it is in view, so your visitors won’t scroll down to find it half way through your images.

What about videos?

Videos are an awesome way to show off your work in a more engaging and personal way, and we’ve made sure they work great on our themes. Just paste an embed code from YouTube or Vimeo, and the theme makes sure it displays perfectly:

Pretty cool, huh?

We’ve packed this theme with powerful features to show off your work. Why not put them to use on your new website?

Get This Theme

  1. Beautiful modern, minimal theme design. 

  2. Powerful features to show off your work. 

  3. Maintained and supported by the theme developer. 

Return to Portfolio