Hello!
I'm Crystabelle Lopez, a dedicated individual interested in helping you establish an affordable,
professional online presence via simple design and easily-maintainable code. I enjoy what I do, and I'm
interested in both creating new web sites and cleaning up currently-existing web sites.
Zürich City Rollergirlz - Calendar Script
| Link: |
Functional Demo |
| Services: |
Design, Development |
| Languages Used: |
JavaScript, HTML, CSS |
| About: |
In order to enhance their currently-existing website, the Zürich City
Rollergirlz roller derby league sought to add a list of their next ten upcoming events,
with that list appearing in their website's sidebar with a customized date format. In
addition, that list would ideally update itself once the league made changes to their
Google Calendar.
I adapted JavaScript code that accomplishes these goals, and wrote
custom CSS that ensured the list employed the website's colors. This should be
deployed on the league's website soon.
|
Zürich City Rollergirlz - Flyer
| Images: |
Front,
Back |
| Services: |
Design |
| Software Used: |
Photoshop |
| About: |
The Zürich City Rollergirlz Swiss roller derby league offered me the
opportunity to design their flyer (my first one, in fact). I incorporated their
currently-existing logo, color scheme, desired content and feedback into the final
design presented here. This German-language, double-sided, A6-sized flyer is currently
being distributed at the league's promotional events.
Please visit http://rollerderby.ch to find
out more about Switzerland's first roller derby league!
|
GCC Implementation of Resource25
| Link: |
No longer available. |
| Services: |
Design, Development |
| Languages Used: |
HTML, CSS, JavaScript |
| About: |
Resource25 is a software application that facilitates the process for booking rooms for
campus events, meetings and course sessions. It grants a college's facility coordinator the ability
to easily search for suitable spaces available for the required date and time for any campus event.
Resource25 presents a searchable, finalized schedule for end users to conveniently view via a website.
The Maricopa County Community College District purchased the software application for
use at all campuses within the district. I was tasked with modifying how information appears on
the resulting website, including specialized messages and the order of items. In addition, I did
the following:
- Adapted GCC's 30-page implementation of Resource25 so it would seamlessly integrate with
the campus's new visual identity.
- Researched and deployed a Javascript-based calendar that cut down the time required to
view an event from approximately 90 seconds to 30 seconds.
- Created two distinct views depending on who is viewing the site: one for internal employees
that granted access to all information, and another for the general public that limited
information shown.
This website was showcased at the annual CollegeNET 2007 User Conference as part of a presentation
by a Maricopa County Community College District IT manager.
|
Acupuncture for Health
| Link: |
http://www.azacupunctureforhealth.com/ |
| Services: |
Design, Development |
| Languages Used: |
XHTML, CSS |
| About: |
Acupuncture for Health specializes in helping Phoenix area-based patients experience relief through
Chinese Medicine. They sought a simple website to generate interest in their practice.
|
GCC Faculty Senate
| Link: |
http://www.gccaz.edu/senate/ |
| Services: |
Design, Development |
| Languages Used: |
XHTML, CSS |
| About: |
Glendale Community College's Faculty Senate President approached me regarding updating
their current website's design and layout. I created a graphical identity for the
Faculty Senate that incorporated key elements from the Maricopa County Community
College District-wide Faculty Senate's identity. Finishing touches include CSS print style sheets
(making printing easier and less wasteful of paper) and end-user editable HTML. In the end, the
project resulted in a more professional and aesthetically-pleasing website that the GCC Faculty
Senate is pleased to show to their colleagues. |
GCC Tutorials
| Link: |
Website has changed design format. |
| Services: |
Design, Development, some Content Editing |
| Languages Used: |
XHTML, CSS |
| About: |
A colleague came up with the idea to create visual tutorials to explain
how complete basic tasks in software commonly used by many people, such as Microsoft's Word,
Excel and Powerpoint applications. Seeing the potential in how such visual tutorials could
also explain some of the topics I presented on the Student HelpDesk Website, a partnership
was sought.
Along with editing the content of the visual tutorials (created in Captivate) and of
the basic supporting text, I designed the overall layout of the site and solicited input from
my colleague. The aim was to create a site that was light on graphics (for fast loading) and presented
the supporting text in an easy-to-follow manner. Finally, I also created the underlying directory structure
for the 50+ files involved for easy editing. |
GCC Student Helpdesk Redesign
| Link: |
Website has changed design format. |
| Services: |
(re)Design, Development, Content Compilation and Editing |
| Languages Used: |
XHTML, CSS |
| About: |
The aim of the redesign was to update the look and feel, rewrite and add/delete content,
and make it easy to use so that any Glendale Community College community member could get assistance
with their user accounts. |
jTango
| Link: |
http://www.glpwd.com/jtango/ |
| Services: |
Design, Some Development |
| Languages Used: |
CSS |
| About: |
jTango is a powerful bi-directional Japanese/English dictionary available online and for download.
jTango's creator sought a simple design that would not only complement a logo he had created, but would
also adapt to his currently-existing XHTML code. |
Ajax Too Bail Bonds
| Link: |
http://www.ajaxtoobailbonds.com/ |
| Services: |
Design, Development, Translation |
| Languages Used: |
XHTML, CSS, some JavaScript |
| About: |
With over 27 years of bail experience and ability to post bail anywhere in the USA, the staff
at Ajax Too Bail Bonds in Phoenix, AZ provide professional services to those finding themselves
in jail. Ajax Too Bail Bonds sought to set up a quick, simple website that would provide prospective clients
with information, in both English and Spanish.
Finishing touches include CSS print style sheets (making printing easier and less wasteful
of paper) and a Google Maps widget to make locating the physical office easier. Depending on which
language-based version of the website the visitor is viewing, the Google Maps widget renders
instructions in either English or Spanish.
|
