Menu
Fpweb.net Managed Services Page

When I started at Fpweb, their services were offered on a hourly bank model where customers could buy hours to complete a project. One of the first things I did as a part of the company was help them transition for a bank model to a subscription model.

I started in my sketchbook with a rough wireframe of how I’d lay out the page.
WireframeSketch1

 

Then I started working out the typography for each subscription plan.

WireframeSketch2

 

Then I combined all the type to see how it’d look all together.

WireframeSketch3

 

Then I went to the computer and made a digital comp.

pricing_mockupR2-01

 

I used our brand colors for the whole pricing chart, but it soon became clear that with the broad scope our new subscription model would be used in, I’d need to brand each plan individually. I created avatars that would represent each plan because when you order one of these plans, it’s like your ordering one full time employee with that title.

WireframeSketch4

 

Then I color coded each plan and it’s corresponding avatar to enhance the brand.

person_admin person_db

 

person_dev person_sec

 

Then I went back to my sketchbook to quickly draw up how the page would look with avatars heading up each of the plans.

WireframeSketch5

 

Finally, I turned my sketches into code and deployed it on our .NET platform.

See the live page here.

Deserted Village Project

I wrote a grant to go to Greece last summer and document abandoned villages with the end goal of using that data to populate a web app.

Retraspec

By ,   No tags,   0 Comments

What is Retraspec?

Retraspec is a social app focused on the past. This app you share your life’s defining moments–how, when, and where you experienced them.

User Goals

  • Share personal experiences
  • Relive moments in time
  • Discover moments by location
  • Sort moments by date
  • Make human connections

Targets

  • Instagram users
  • Ancestry.com users
  • The curious
  • The adventurous
  • The nostalgic

Map

map mockup

Retraspec opens to a map of your current location with moments to be explored where you are. This helps you to connect based on the shared experience of being in the same place in the world.

Add Moment

add-moment-mockup

This is the feature in Retraspec that allows you to share the experiences that have defined your life. You can add up to five photos, a story explaining what your moment means to you, and the location and date it took place.

Favorites

favorites-mockup

The favorites page lets you store your favorite users and locations so you can easily access the people and places that matter most to you. You can sort your favorites by date from both the list and the map view.

Profile

profile-mockup

Your profile is your personal travel album. With every moment you share, you write another chapter in the story of your life. You can recount the defining moments of your life in your profile through the map and list view. If you’re after a certain moment, you can sort by date or search for it.

 

See the live demo at the link