Web Template
Approach
  • Since the template needs to be dynamic, must build the UI with modules.
The UX
  • Define concept and challenges.
  • Define target audience.
  • Design product UI and visual.
Concept
  • Build a dynamic, all purpose template to be purchased at a template shop.
Challenges
  • Building an all purpose dynamic template requires the template to be generic. Must make the template with an unique design while keeping it dynamic.
Target audience
  • This templates are made for folks looking to make a simple personal websites for their own personal blogs or for small to mid size companies looking to add a template as an extension to their webpage for blogs, e-commerce items or articles.
UI wireframe
  • Need to build each section as modules.
  • Modules need to be divided into 2 types. Static and Dynamic.
  • Static: non-interchangeable.
  • Dynamic: interchangeable.
Simple Branding (Logo)
  • Creative and Simple, universal logo.
UI Wireframe - Navigations
  • Main navigations: Search, Account, Category Dropdown and Page Navigation.
UI wireframe - Banner [Static]
Dynamic modules
  • Can be stacked or mixed and matched in any order.
UI wireframe - 6 items Section [Dynamic]
UI wireframe - UI wireframe - 2 items Section [Dynamic]
UI wireframe - Single item Section with slider [Dynamic]
UI wireframe - Highlighted item section [Dynamic]
UI wireframe - Full Template
Full Template (Visual)
Note: All examples displayed do NOT contain any sensitive data. If during any process any sensitive data was used, it has been omitted from displaying.