Shäwn Tumblr Theme

A modern Tumblr theme designed around visual-posts, big images, simple navigation & minimal elements.

— Role Details

Providing UX/UI services to design a Tumblr theme for customers using Tumblr's & Themeforest stores with a need for a minimal-theme design that focuses' on visual heavy content providers. 

— About

Tumblr

Founded by David Karp in 2007, Tumblr is the world's most popular micro-blogging platform . Tumblr hosts over 320.5 million blogs. As of January 2016, the website had 555 million monthly visitors.

Themeforest

Themeforest is part of the Envato Network —  the leading marketplace for creative assets and creative people. Millions of people around the world choose our marketplace, studio and courses to buy files, hire freelancers, or learn the skills needed to build websites, videos, apps, graphics and more.

Client

While the working files and designs are the same, to comply with non-disclosure agreements, I have omitted any confidential information such as names, branding and the talented-engineers.

— Approach

Based on a 2-week sprints, over a 6 weeks, requiring frequent client involvement, at times leveraging virtual pair design sessions. 

  1. Understand
  2. Define
  3. Design
  4. Test & Refine
  5. Deliver 
process
s_logo_bnnr

— Prototype Design

Working closely with the client to create sketches, wireframes & hi-fi designs with delivery to the in-house engineers.  Connecting research to form and factor by generating a variety of potential solutions to be used to test feasibility of particular aspects of the design.

fullscreen_idea_wires

Wireframes

Exploring ideas in more detail by choosing a few options from early sketches. 

desktop_landing_mockup_shawn

Prototype Design

Creating a variety of Hi-Fi prototypes, mimicing the variety of user-types of all content types Tumblr allows content-providers to post.

keyboard_nav

Keyboard Navigation

Incorporating the keyboard as a method to navigate content offers more options for the audience on desktops.  Pad & mobile version support swipe with desktop icons invisible. 

shawn_loading (1)
menu_animation_option_2
menu

Micro Interactions

The addition of tasteful animation was tossed into the project at the last minute.  Animated with Flinto / Adobe Xd.

— Related Case Studies

UIDIOWeb Design

KlipieApp Design

Javiera Da FonsecaWeb Design

PRIVTMobile App

AEOProject type

Contact

hello@edgarfleming.com
+1.202.573.9474

All Rights Reserved: 2006 - 2019