This document describes several product architecture projects: 1. A website redesign for an organization to better organize over 200 sections and improve usability. Wireframes and technical documents were created. 2. An e-commerce channel on Magento for a distribution company, requiring integration with their ERP system. User stories and backend design were included. 3. An online store for an electrical materials company in Colombia selling various brands. Research was conducted and categories, products, and pricing were defined. 4. A portal for a university in Ecuador requiring seven sites to look unified while keeping individual identities. Information architecture and templates were designed.

1. PRODUCT ARCHITECT

2. DESIGNING A DIGITAL PRODUCT
FINDING THE PERFECT BALANCE
BETWEEN THE BUSINESS GOALS
AND THE USERS GOALS

3. PROCESS FOCUS
1
2
3
4
5

4. PRODUCT DEVELOPMENT
PROJECT MANAGEMENT
SCRUM
DOCUMENTATION
PRODUCT ARCHITECTURE
USER INTERFACE
PROTOTYPING
GRAPHIC DESIGN

5. The main goal of this redesign was to show in a more accurate
way all the contents (more than 200 sections), so the users
could find them easier. Manage usability standars and
accesibility at a medium level.
Designing Process:
Architecture of information: 2 months of sessions with
Stakeholders and a group of users (workers of the organisation)
to determine the communication needs, final site map and the
goals of this.
Interaction design: Planning meetings to determine the
components of each section and how they should work.
High fidelity wireframes
Technical document for developers
Specifications on how the CMS should work for a complete
administration of the site information. Designing the user
experience for the backend.
DOCUMENTATION
Website

6. GRAPHICELEMENTS
Drop down menu with clear
view of the section and its
elements. Sections defined
by color through the whole
site.
Lists of elements to show information through anchors. Reduce
the number of new pages. Integrated content to keep unique
URLs
Use of tabs and alphabet to organice big data
Interative maps

7. RESPONSIVEELEMENTS
Main and secondary menus
Tabs managing

8. Develop a B2B channel for the distribution area so the business
could increase their sales by a better experience (online) and get
new clientes (through the knowledge of their product offer).
The big challenge: use Magento Framework and adapt the data base
model and buying process, to fit the information model in the ERP
system.
Designing Process:
Architecture of information: Redefining the buying process through
an ERP integration: Categories, products, price rules, users
information (new tables in the data base model)
Interaction design:
User stories, use cases and integration flows
Planning meetings to determine the components of each section and
how they should work.
High fidelity wireframes and Technical document for developers
Specifications on how the CMS should work for a complete
administration of the site information. Designing the user experience
for the backend.
DOCUMENTATION
Website

9. E-COMMERCEELEMENTS
Dropdown menus for categories navigation
Carrousel and tabs to promote categories and
products Defining templates for content pages

10. RESPONSIVEELEMENTS

11. ADMINANDUSERDOCUMENTATION

12. Product architecture for a distribution channel for an electrical
material company in Colombia. Online store for distributors and final
users
Designing Process:
Architecture of information:
Research on the brands that were going to be sold. Understanding
the products and how they are sold. Meetings with product managers
and IT team. Previous attemps for the project and competition
channels.
Defining categories and products (grouped products, price rules).
Taxes and transportation fees for diferent countries.
Interaction design:
User stories and use cases.
Planning meetings to determine the components of each section and
how they should work.
High fidelity wireframes and Technical document for developers
Specifications on how the CMS should work for a complete
administration of the site information. Designing the user experience
for the backend.
INVESTIGATION

13. DOCUMENTATION

14. Product architecture for university in Ecuador. The challenge: make
seven (7) different portals look as one, still keeping their identity and
using a defined number of site templates for almost 500 pages.
Designing Process:
Architecture of information:
Sitemap organization
Content definition ---> templates definition
Defining blocks and its uses for Drupal developers
Interaction design:
Planning meetings to determine the components of each template
and how they should work.
High fidelity wireframes
DOCUMENTATION

15. Business consultancy and Product Architecture for Sueños
Cumplidos, an online platform to help people build and conquer their
dreams, based on incentives by other users and brands.
E-commerce and Addsense for companies.
Building the business through the product: Defining objetives of
the product and strategy for final users and companies to be
involved. Metrics and revenue model.
Designing Process:
Architecture of information: User stories for final users, companies
and admins. Work flows and use cases.
Interaction design:
High fidelity wireframes for each work flow with comments for
developers (backend and frontend) and administration.
Technical document for developers
DOCUMENTATION

16. DOCUMENTATION

17. Designing an interactive kit for cars insurance users, as part of a
complete portafolio of interative kits for all kind of insurances.
Designing Process:
Architecture of information: Defining content and its priority
Interaction design:
High fidelity wireframes and prototyping
PROTOTYPE

18. DESIGN

19. OTHER ONLINE PROJECTS