[special_heading title_content= “BOSS WEBSITE” title_color= “” h_tag= “h3” subtitle_spl_font= “1” disable_separator= “” separator_style= “1” icon_name= “oshine_diamond” icon_color= “rgba(0,128,129,1)” separator_color= “#efefef” separator_thickness= “1” separator_width= “40” separator_pos= “0” title_align= “center” hide_in= “” css_id= “” css_classes= “” animate= “1” animation_type= “none” animation_delay= “0” animation_duration= “300” padding= ‘{“d”:””}’ margin= ‘{“d”:””}’ border_style= ‘{“d”:”solid”,”l”:”solid”,”t”:”solid”,”m”:”solid”}’ border= ‘{“d”:””}’ border_color= “” border_radius= “” box_shadow= “0px 0px 0px 0px rgba(0,0,0,0)” key= “g1591wokwjad2yu9”][/special_heading]

The Scope

This is a website that I designed and developed for a musician in Long Island and his recording studio.

The Process

This was a project that I conceptualized creating Style Guides, Sourcing Fonts, Creating Wireframes, Design Mock-ups and Front End Development using HTML, CSS & Bootstrap.

The Lessons

Make sure that you know the fonts you used in your design are actually web fonts. I had decided on an entire different font hierarchy before I realized that I couldn’t use them for the development.

See it live
SKILLS USED:
  • Bootstrap

  • HTML5 / CSS

  • Custom Fonts

  • Wireframes / Style Guides

  • Photoshop

[project_details style= “style1” title_align= “center” hide_in= “” css_id= “” css_classes= “” animate= “1” animation_type= “none” animation_delay= “0” animation_duration= “300” padding= ‘{“d”:””}’ margin= ‘{“d”:””}’ border_style= ‘{“d”:”solid”,”l”:”solid”,”t”:”solid”,”m”:”solid”}’ border= ‘{“d”:””}’ border_color= “” border_radius= “” box_shadow= “0px 0px 0px 0px rgba(0,0,0,0)” key= “g1591wosh686uepg”][/project_details]
MORE PROJECTS
[portfolio_navigation_module style= “style2” title_align= “center” nav_links_color= “#000000” hide_in= “” css_id= “” css_classes= “” animate= “1” animation_type= “none” animation_delay= “0” animation_duration= “300” padding= ‘{“d”:””}’ margin= ‘{“d”:””}’ border_style= ‘{“d”:”solid”,”l”:”solid”,”t”:”solid”,”m”:”solid”}’ border= ‘{“d”:””}’ border_color= “” border_radius= “” box_shadow= “0px 0px 0px 0px rgba(0,0,0,0)” key= “g1591woud9cxffeb”][/portfolio_navigation_module]

GET IN TOUCH

Have an idea or a project, lets collaborate and build some awesome stuff

CONTACT ME