UX/UI DESIGN

RAPID PROTOTYPING | RESPONSIVE DESIGN | WireFrames | Sketch | HTML | CSs 

 

RAPID PROTOTYPING AND RESPONSIVE DESIGN PROJECT:    I redesigned Bridge Cultures' Homepage, starting from drawn wireframes to develop a prototype responsive webpage coded in HTML and CSS.

RAPID PROTOTYPING AND RESPONSIVE DESIGN PROJECT:    I redesigned Bridge Cultures' Homepage, starting from drawn wireframes to develop a prototype responsive webpage coded in HTML and CSS.

To experience the responsiveness of the page, use a computer to view the page. You can then drag the side of your widow to widen or narrow its width. If you wait a moment the page will adjust to the new width of you window. Also, depending on your web browser, you can also right click or control click on the page. Then click on the "inspect" option. A new page view will appear. On the top left, labeled "Device," is a pull down menu that will allow you to select various devices. When a given device is selected the page appears as it would on that device


Bridge Cultures is an early stage enterprise working to bridge socio-economic, cultural and educational gaps, by partnering with entrepreneurs and universities worldwide.

I worked closely with Bridge Cultures’ CEO over the summer of 2015 to develop a visual brand identity, and designed event flyers and informational brochures. Since then I have drafted a mockup and created a prototype of Bridge Cultures' Homepage, which is designed to be responsive to screen size and allow easy access to information and services. 


My Process:

The mockup for a desktop screen

The mockup for a desktop screen


 

The original Bridge Cultures' Homepage: