Portfolyo Demo

This page demonstrates Portfolyo's capabilities by showing how a hypothetical user might use it - let's call her Sharon. Sharon is a freelance web designer who creates web sites for various kinds of local businesses. She's a bit of a multitalent and offers full service, which includes design, programming and even copywriting. She has decided to give Portfolyo a try because she got wary of maintaining her portfolio in static HTML pages. We'll assume Sharon has already set up Portfolyo on her web server.

Click on images for original-size screenshots.

Skill entry form	Skills list	Skills As a first step to her new portfolio Sharon enters her skills in the Portfolyo admin interface. She groups them in her three areas of proficiency: Design, Web Development and Copywriting.
Project entry form	Projects list	Projects Now Sharon's ready to start collecting data about the projects she's been involved in over the last few years. Phew! That's a lot of work. She doesn't even bother to enter all projects she's done, but manages to come up with details of 15 of her most important projects.
Portfolio main page	Project detail	Project views Having entered all data, Sharon can now look at her portfolio as visitors to her website will see it. The main page is a chronologically sorted list of all projects with just the titles, summaries and dates. The links on the title of each projects leads to a separate page with all the other project details.
Skills matrix	Skill detail	The Skills Matrix From the skills Sharon associated with each project Portfolyo creates a "skills matrix", which gives a comprehensive overview of her areas of expertise. Each skill also has a detail page that features a list of all projects the skill was used for.
Customized projects list	Customized skills matrix	Customization Sharon finds Portfolyo's default design a bit bland, so she tweaks the colors and the layout by just editing the CSS stylesheet of the default template set. Furthermore she defines a title and introductory texts in the configuration file, which appear at the top of the projects list and the skills matrix.

If you'd rather browse a Portfolyo than just look at pretty screenshots, you can do that on the developer's (it's part German, but you'll find your way around).

Screenshots from version 0.1, taken in Mozilla on OS X.

ubique code